/* Single source of truth for UI colors, typography, spacing and shapes. */
:root {
  --text-error-code: clamp(72px, 19vw, 144px);
  --history-archive-opacity: .5;
  --history-archive-icon-size: 16px;
  --info-panel-max-height: 65dvh;
  --chart-info-size: 28px;
  --chart-legend-dot-size: 12px;
  --chart-select-all-size: 16px;
  --chart-select-all-fill: var(--chart-all-gradient);
  --chart-legend-label-inset: 8px;
  --chart-all-gradient: conic-gradient(var(--color-chart-6), var(--color-chart-10), var(--color-chart-5), var(--color-chart-8), var(--color-chart-3), var(--color-chart-1), var(--color-chart-4), var(--color-chart-2), var(--color-chart-6));
  --chart-eye-size: 21px;
  --chart-eye-column: 38px;
  --chart-eye-large-size: 38px;
  --chart-color-size: 24px;
  --chart-hidden-opacity: .35;
  --chart-unselected-opacity: 22%;
  --color-chart-eye: var(--color-text-muted);
  --chart-color-seed: 271828;
  --font-ui: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-system: system-ui, -apple-system, sans-serif;
  --font-system-short: system-ui;
  --font-document: system-ui, sans-serif;
  --text-chart-total: calc(var(--text-13) * 4 / 3);
  --text-label: 11px;
  --text-field: 13px;
  --weight-normal: 400;
  --weight-medium: 600;
  --weight-strong: 700;
  --weight-chart-total: 900;
  --radius-control: 12px;
  --radius-card: 23px;
  --radius-dialog: 18px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --action-size: 36px;
  --action-icon-size: 26px;
  --text-8: 8px;
  --text-9: 9px;
  --text-10: 10px;
  --text-11: 11px;
  --text-12: 12px;
  --text-13: 13px;
  --text-14: 14px;
  --text-15: 15px;
  --text-16: 16px;
  --text-17: 17px;
  --text-18: 18px;
  --text-20: 20px;
  --text-21: 21px;
  --text-22: 22px;
  --text-23: 23px;
  --text-24: 24px;
  --text-25: 25px;
  --text-26: 26px;
  --text-27: 27px;
  --text-28: 28px;
  --text-29: 29px;
  --text-30: 30px;
  --text-32: 32px;
  --text-34: 34px;
  --text-36: 36px;
  --text-38: 38px;
  --text-40: 40px;
  --text-42: 42px;
  --text-44: 44px;
  --color-accent: #a45e30;
  --color-accent-strong: #623b25;
  --color-accent-text: #79533b;
  --color-backdrop: color-mix(in srgb, var(--color-text) 40.000000%, transparent);
  --color-border: #eee4da;
  --color-border-card: #eee2d6;
  --color-border-input: #e7d6c5;
  --color-border-soft: #e8ddd2;
  --color-button: #f2e7dc;
  --color-button-border: #e6c7b2;
  --color-button-gradient-end: #ece2dd;
  --color-button-gradient-start: #f9e5d2;
  --color-chart-1: #2474f2;
  --color-chart-10: #ff8a00;
  --color-chart-11: #009ebc;
  --color-chart-12: #8e46ad;
  --color-chart-2: #e44086;
  --color-chart-3: #16a88f;
  --color-chart-4: #8554db;
  --color-chart-5: #f2c400;
  --color-chart-6: #e44b42;
  --color-chart-7: #18a7db;
  --color-chart-8: #58a52a;
  --color-chart-9: #c54bc8;
  --color-chart-empty: #f0e6dc;
  --color-chart-empty-soft: #efe6db;
  --color-chart-grid: #eadfd5;
  --color-danger: #c44040;
  --color-operation-error: var(--color-danger);
  --color-operation-warning: #a87900;
  --color-expense: #cc354e;
  --color-focus: #dc9d5e;
  --color-income: #b86a27;
  --color-page: #fbfaf8;
  --color-page-warm: #faf6f1;
  --color-refund: #b38700;
  --color-shadow: color-mix(in srgb, var(--color-text) 13.333333%, transparent);
  --color-success: #23834e;
  --color-surface: #fff;
  --page-background-opacity: 100%;
  --help-background-opacity: 100%;
  --color-page-surface: color-mix(in srgb, var(--color-page) var(--page-background-opacity), var(--color-surface));
  --color-help-base: var(--color-surface);
  --color-help-surface: color-mix(in srgb, var(--color-help-base) var(--help-background-opacity), transparent);
  --color-surface-soft: #f8f2ee;
  --color-text: #493126;
  --color-text-muted: #927d6f;
  --color-text-secondary: #8a7466;
  --color-transfer: #202523;
  --color-palette-125c30: #125c30;
  --color-palette-18733e: #18733e;
  --color-palette-204ca3: #204ca3;
  --color-palette-21854b: #21854b;
  --color-palette-27834e: #27834e;
  --color-palette-352b45: #352b45;
  --color-palette-45325810: #45325810;
  --color-palette-45325818: #45325818;
  --color-palette-49312609: color-mix(in srgb, var(--color-text) 3.529412%, transparent);
  --color-palette-49312618: color-mix(in srgb, var(--color-text) 9.411765%, transparent);
  --color-palette-49312688: color-mix(in srgb, var(--color-text) 53.333333%, transparent);
  --color-palette-493427: #493427;
  --color-palette-623b2515: color-mix(in srgb, var(--color-accent-strong) 8.235294%, transparent);
  --color-palette-70462e: #70462e;
  --color-palette-71508c: #71508c;
  --color-palette-744022: #744022;
  --color-palette-754321: #754321;
  --color-palette-756354: #756354;
  --color-palette-784626: #784626;
  --color-palette-79675b: #79675b;
  --color-palette-79685c: #79685c;
  --color-palette-796b61: #796b61;
  --color-palette-796e83: #796e83;
  --color-palette-7a8b81: #7a8b81;
  --color-palette-7b9eb1: #7b9eb1;
  --color-palette-81758d: #81758d;
  --color-palette-8a796e: #8a796e;
  --color-palette-8a9690: #8a9690;
  --color-palette-8eb6a7: #8eb6a7;
  --color-palette-929b95: #929b95;
  --color-palette-95603e: #95603e;
  --color-palette-976036: #976036;
  --color-palette-9771ad: #9771ad;
  --color-palette-98745a: #98745a;
  --color-palette-98745b: #98745b;
  --color-palette-9973ae: #9973ae;
  --color-palette-9b4545: #9b4545;
  --color-palette-a295ad: #a295ad;
  --color-palette-a3968c: #a3968c;
  --color-palette-a52b3b: #a52b3b;
  --color-palette-a5ad68: #a5ad68;
  --color-palette-a8805d: #a8805d;
  --color-palette-a894bd: #a894bd;
  --color-palette-a8afa8: #a8afa8;
  --color-palette-ac632f: #ac632f;
  --color-palette-ae870b: #ae870b;
  --color-palette-b44b42: #b44b42;
  --color-palette-b4aaa3: #b4aaa3;
  --color-palette-b58a68: #b58a68;
  --color-palette-b7cec0: #b7cec0;
  --color-palette-b8d6be: #b8d6be;
  --color-palette-b94a43: #b94a43;
  --color-palette-bc4545: #bc4545;
  --color-palette-bc712a: #bc712a;
  --color-palette-bd793d: #bd793d;
  --color-palette-bf3445: #bf3445;
  --color-palette-c34548: #c34548;
  --color-palette-c49a78: #c49a78;
  --color-palette-c99b73: #c99b73;
  --color-palette-ceb9de: #ceb9de;
  --color-palette-d18d87: #d18d87;
  --color-palette-d1a164: #d1a164;
  --color-palette-d69a58: #d69a58;
  --color-palette-d8ebdd: #d8ebdd;
  --color-palette-d9b697: #d9b697;
  --color-palette-dce7ff: #dce7ff;
  --color-palette-dfb998: #dfb998;
  --color-palette-dfbda0: #dfbda0;
  --color-palette-e5c7aa: #e5c7aa;
  --color-palette-e5eaf0: #e5eaf0;
  --color-palette-e7913d: #e7913d;
  --color-palette-e8d6c5: #e8d6c5;
  --color-palette-e8f3eb: #e8f3eb;
  --color-palette-ebddcf: #ebddcf;
  --color-palette-ecd0b5: #ecd0b5;
  --color-palette-ecded0: #ecded0;
  --color-palette-ece5ef: #ece5ef;
  --color-palette-edf4ff: #edf4ff;
  --color-palette-edf7ef: #edf7ef;
  --color-palette-eee3d9: #eee3d9;
  --color-palette-eee8e3: #eee8e3;
  --color-palette-f0d5b9: #f0d5b9;
  --color-palette-f1eaf5: #f1eaf5;
  --color-palette-f1f5ff: #f1f5ff;
  --color-palette-f3d9bd: #f3d9bd;
  --color-palette-f4d8b8: #f4d8b8;
  --color-palette-f4dfc8: #f4dfc8;
  --color-palette-f4e6d8: #f4e6d8;
  --color-palette-f4f1ee: #f4f1ee;
  --color-palette-f4f8f2: #f4f8f2;
  --color-palette-f5f7fb: #f5f7fb;
  --color-palette-f6dfc5: #f6dfc5;
  --color-palette-f6f4f2: #f6f4f2;
  --color-palette-f7e7d7: #f7e7d7;
  --color-palette-f7e8d7: #f7e8d7;
  --color-palette-f7ecde: #f7ecde;
  --color-palette-f7eee3: #f7eee3;
  --color-palette-f8f3ef: #f8f3ef;
  --color-palette-fae6cd: #fae6cd;
  --color-palette-faf7f3: #faf7f3;
  --color-palette-faf7fc: #faf7fc;
  --color-palette-faf8f5: #faf8f5;
  --color-palette-fbe7e7: #fbe7e7;
  --color-palette-fbf4eb: #fbf4eb;
  --color-palette-fbf5ed: #fbf5ed;
  --color-palette-fcf7f0: #fcf7f0;
  --color-palette-fcf8f3: #fcf8f3;
  --color-palette-ffdb7c: #ffdb7c;
  --color-palette-ffe8c9: #ffe8c9;
  --color-palette-ffedcf: #ffedcf;
  --color-palette-fff0df: #fff0df;
  --color-palette-fff7ed: #fff7ed;
  --color-palette-ffffffed: color-mix(in srgb, var(--color-surface) 92.941176%, transparent);
  --text-19: 19px;
  --text-48: 48px;
  --text-52: 52px;
  --text-64: 64px;
  --text-76: 76px;
  --weight-300: 300;
  --weight-450: 450;
  --weight-500: 500;
  --weight-650: 650;
  --weight-750: 750;
  --action-size-tall: 38px;
  --color-palette-ffd69c: #ffd69c;
  --color-palette-ffd69c-alpha-240: color-mix(in srgb, var(--color-palette-ffd69c) 24%, transparent);
  --color-palette-a0744b: #a0744b;
  --color-palette-a0744b-alpha-130: color-mix(in srgb, var(--color-palette-a0744b) 13%, transparent);
  --color-surface-alpha-960: color-mix(in srgb, var(--color-surface) 96%, transparent);
  --color-accent-alpha-50: color-mix(in srgb, var(--color-accent) 5%, transparent);
  --color-palette-e7913d-alpha-75: color-mix(in srgb, var(--color-palette-e7913d) 7.5%, transparent);
  --color-accent-alpha-160: color-mix(in srgb, var(--color-accent) 16%, transparent);
  --color-palette-f3b264: #f3b264;
  --color-palette-f3b264-alpha-170: color-mix(in srgb, var(--color-palette-f3b264) 17%, transparent);
  --color-palette-744022-alpha-150: color-mix(in srgb, var(--color-palette-744022) 15%, transparent);
  --color-palette-b1794b: #b1794b;
  --color-palette-b1794b-alpha-120: color-mix(in srgb, var(--color-palette-b1794b) 12%, transparent);
  --color-palette-9f6a40: #9f6a40;
  --color-palette-9f6a40-alpha-100: color-mix(in srgb, var(--color-palette-9f6a40) 10%, transparent);
  --color-accent-alpha-200: color-mix(in srgb, var(--color-accent) 20%, transparent);
  --color-palette-e7913d-alpha-120: color-mix(in srgb, var(--color-palette-e7913d) 12%, transparent);
  --color-accent-alpha-80: color-mix(in srgb, var(--color-accent) 8%, transparent);
  --color-palette-c4884e: #c4884e;
  --color-palette-c4884e-alpha-450: color-mix(in srgb, var(--color-palette-c4884e) 45%, transparent);
  --color-accent-alpha-85: color-mix(in srgb, var(--color-accent) 8.5%, transparent);
  --color-palette-a0744b-alpha-35: color-mix(in srgb, var(--color-palette-a0744b) 3.5%, transparent);
  --color-palette-be353d: #be353d;
  --color-palette-be353d-alpha-80: color-mix(in srgb, var(--color-palette-be353d) 8%, transparent);
  --color-palette-e7913d-alpha-130: color-mix(in srgb, var(--color-palette-e7913d) 13%, transparent);
  --color-palette-ac632f-alpha-180: color-mix(in srgb, var(--color-palette-ac632f) 18%, transparent);
  --color-palette-e7913d-alpha-230: color-mix(in srgb, var(--color-palette-e7913d) 23%, transparent);
  --color-accent-alpha-180: color-mix(in srgb, var(--color-accent) 18%, transparent);
  --color-accent-alpha-100: color-mix(in srgb, var(--color-accent) 10%, transparent);
  --color-accent-alpha-60: color-mix(in srgb, var(--color-accent) 6%, transparent);
  --color-accent-alpha-25: color-mix(in srgb, var(--color-accent) 2.5%, transparent);
  --color-palette-fbf8f4: #fbf8f4;
  --color-palette-fbf8f4-alpha-780: color-mix(in srgb, var(--color-palette-fbf8f4) 78%, transparent);
  --color-accent-alpha-90: color-mix(in srgb, var(--color-accent) 9%, transparent);
  --color-accent-alpha-35: color-mix(in srgb, var(--color-accent) 3.5%, transparent);
  --color-palette-a39387: #a39387;
  --color-palette-49312615: #49312615;
  --color-page-alpha-780: color-mix(in srgb, var(--color-page) 78%, transparent);
  --color-palette-49312622: #49312622;
  --color-palette-f2ebe5: #f2ebe5;
  --color-text-alpha-220: color-mix(in srgb, var(--color-text) 22%, transparent);
}