:root {
  --sidebar-width: 220px;
  color-scheme: light;
  --bg: #f6f8fb;
  --surface: #ffffff;
  --raised: #edf1f7;
  --ink: #182438;
  --muted: #536176;
  --line: #dce3ed;
  --accent: #6844d9;
  --accent-ink: #ffffff;
  --accent-soft: #eee8ff;
  --green: #6844d9;
  --success: #10744c;
  --success-soft: #e6f5ee;
  --warning: #805015;
  --warning-soft: #fff3dd;
  --danger: #a83248;
  --danger-soft: #ffedf1;
  --hero: #bff5de;
  --hero-ink: #142c28;
  --focus: #6844d9;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0d1320;
  --surface: #151e2f;
  --raised: #1c273a;
  --ink: #f4f7fc;
  --muted: #a9b5c9;
  --line: #344158;
  --accent: #b69aff;
  --accent-ink: #0d1320;
  --accent-soft: #29213c;
  --green: #b69aff;
  --success: #87e9c3;
  --success-soft: #19352d;
  --hero: #19352d;
  --hero-ink: #c6f5df;
  --warning: #f0c47c;
  --warning-soft: #302718;
  --danger: #ff91a5;
  --danger-soft: #362333;
  --focus: #b69aff;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --bg: #0d1320;
    --surface: #151e2f;
    --raised: #1c273a;
    --ink: #f4f7fc;
    --muted: #a9b5c9;
    --line: #344158;
    --accent: #b69aff;
    --accent-ink: #0d1320;
    --accent-soft: #29213c;
    --green: #b69aff;
    --success: #87e9c3;
    --success-soft: #19352d;
    --hero: #19352d;
    --hero-ink: #c6f5df;
    --warning: #f0c47c;
    --warning-soft: #302718;
    --danger: #ff91a5;
    --danger-soft: #362333;
    --focus: #b69aff;
  }
}

:root {
  --text-small: 13px;
  --text-body: 15px;
  --text-label: 17px;
  --text-heading: 20px;
  --text-amount: 28px;
  --text-hero: 34px;
  --gap-2: 2px;
  --gap-4: 4px;
  --gap-6: 6px;
  --gap-8: 8px;
  --gap-12: 12px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-24: 24px;
  --gap-32: 32px;
  --gap-40: 40px;
  --gap-48: 48px;
  --gap-64: 64px;
  --radius-0: 0px;
  --radius-4: 4px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-24: 24px;
  --radius-999: 999px;
  --radius-round: 50%;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --radius-control: 12px;
  --radius-card: 20px;
  --radius-sheet: 24px;
  --font-family: system-ui, sans-serif;
  --color-30: #f5f7f4;
  --color-31: #edf2ed;
  --color-32: white;
  --color-33: transparent;
  --color-34: #e3efe8;
  --color-35: #bce0ce;
  --color-36: #edf2e8;
  --color-37: #ac5646;
  --color-38: #edf1ec;
  --color-39: #84b39b;
  --color-40: #edf1e8;
  --color-41: #5d7165;
  --color-42: #fff5dc;
  --color-43: #e5dcb8;
  --color-44: #b7d5c0;
  --color-45: #cfdad3;
  --color-46: #142b3266;
  --color-47: #b9cdc0;
  --color-48: #176c57;
  --color-49: #90b99c;
  --color-50: #e2ba72;
  --color-51: #c6d9ce;
  --color-52: #85bda3;
  --color-53: #f9eacc;
  --color-54: #94602f;
  --color-55: #fff;
  --color-56: #e9e1ff;
  --color-57: #fff0e2;
  --color-58: #f8f6ff;
  --color-59: #292044;
  --color-60: #382866;
  --color-61: #e7a1ff;
  --color-62: #d6caef;
  --color-63: #ffffff12;
  --color-64: #7652df;
  --color-65: #865bcc;
  --color-66: #170f3033;
  --color-67: #b9a9d8;
  --color-68: #46306508;
  --color-69: #704ce2;
  --color-70: #8660d3;
  --color-71: #7450da26;
  --color-72: #ffffff13;
  --color-73: #f0e9ff;
  --color-74: #e6f8ee;
  --color-75: #d9f2e2;
  --color-76: #fff0df;
  --color-77: #ffe8ce;
  --color-78: #f0eaff;
  --color-79: #52388b;
  --color-80: #7250df;
  --color-81: #8c64e8;
  --color-82: #7250df20;
  --color-83: #7250df33;
  --color-84: #198860;
  --color-85: #c36b40;
  --color-86: #e4dbf1;
  --color-87: #fdfcff;
  --color-88: #292349;
  --color-89: #c1a6ff;
  --color-90: #eee4ff;
  --color-91: #7650b5;
  --color-92: #f5dfba;
  --color-93: #866334;
  --color-94: #f2ecfa;
  --color-95: #ac8bed;
  --color-96: #805be1;
  --color-97: #f0e7ff;
  --color-98: #7750c7;
  --color-99: #f0e8ff;
  --color-100: #fff4eb;
  --color-101: #eee0ff;
  --color-102: #835ddd0a;
  --color-103: #8a61c2;
  --color-104: #4732710d;
  --color-105: #82719c;
  --color-106: #f8f4ff;
  --color-107: #e8dff8;
  --color-108: #594874;
  --color-109: #e8f7ed;
  --color-110: #2a855c;
  --color-111: #ffedcc;
  --color-112: #a27431;
  --color-113: #9b7abe;
  --color-114: #f1edf7;
  --color-115: #8a61e0;
  --color-116: #def5e8;
  --color-117: #238c60;
  --color-118: #ffecda;
  --color-119: #c77b3f;
  --color-120: #9354c8;
  --color-121: #e3edff;
  --color-122: #5c80cd;
  --color-123: #392e52;
  --color-124: #fbf9ff;
  --color-125: #7755b0;
  --color-126: #776486;
  --color-127: #fff0d6;
  --color-128: #a7783a;
  --color-129: #3ca271;
  --color-130: #eae3f6;
  --color-131: #dec9f4;
  --color-132: #a18eaf;
  --color-133: #ede3fb;
  --color-134: #36225233;
  --color-135: #22143170;
  --color-136: #39236415;
  --color-137: #7b609533;
  --color-138: #f4ecff;
  --color-139: #8756d9;
  --color-140: #8b739f;
  --color-141: #af613d;
  --color-142: #efe5fb;
  --color-143: #7250df08;
  --color-144: #f2eaff;
  --color-145: #e8f8ef;
  --color-146: #fff0de;
  --color-147: #7250df15;
  --color-148: #7950c4;
  --color-149: #9976c1;
  --color-150: #f7f1ff;
  --color-151: #e1f7e9;
  --color-152: #27815a;
  --color-153: #fff0d0;
  --color-154: #a37a37;
  --color-155: #eee7fc;
  --color-156: #674294;
  --color-157: #7953dc;
  --color-158: #7950a4;
  --color-159: #a1643b;
  --color-160: #806795;
  --color-161: #f7f2ff;
  --color-162: #7353e5;
  --color-163: #d7c8ff;
  --color-164: #eee6ff;
  --color-165: #dbcaff;
  --color-166: #634490;
  --color-167: #efe6ff;
  --color-168: #6843b4;
  --color-169: #e4f7ed;
  --color-170: #f4fcf6;
  --color-171: #d4eddf;
  --color-172: #ffede9;
  --color-173: #fff5f1;
  --color-174: #f5d5ca;
  --color-175: #ae4837;
  --color-176: #eee8f6;
  --color-177: #f0e9fa;
  --color-178: #7855ac;
  --color-179: #428662;
  --color-180: #f0ebf6;
  --color-181: #71b994;
  --color-182: #dba64b;
  --color-183: #d97460;
  --color-184: #9e7424;
  --color-185: #b8523e;
  --color-186: #887899;
  --color-187: #f2d9a8;
  --color-188: #fff5df;
  --color-189: #926522;
  --color-190: #f0c7bb;
  --color-191: #ffede7;
  --color-192: #a44735;
  --color-193: #e8def6;
  --color-194: #f4edff;
  --color-195: #795b9d;
  --color-196: #e4d8f7;
  --color-197: #f1eafa;
  --color-198: #7551a8;
  --color-199: #e8ddf7;
  --color-200: #ddd1ed;
  --color-201: #eee2ff;
  --color-202: #7548b6;
  --color-203: #e4d4f8;
  --color-204: #847091;
  --color-205: #f0c4b8;
  --color-206: #fff0ea;
  --color-207: #b14f3a;
  --color-208: #142c2830;
  --color-209: #e0f0fb;
  --color-210: #236a93;
  --color-211: #fbe8ee;
  --color-212: #9b395a;
  --color-213: #1c2f3f;
  --color-214: #8bd3f9;
  --color-215: #edb4d7;
  --color-216: #00000015;
}