/* Generated by scripts/build_css_tokens.py from brand/tokens.json. Do not edit by hand. */
:root{
  color-scheme:light;
  --color-surface:#F6F8F9;
  --color-surface-raised:#FFFFFF;
  --color-surface-sunken:#ECF1F3;
  --color-line:#DCE3E7;
  --color-ink:#0E1B26;
  --color-ink-muted:#556673;
  --color-brand:#11A594;
  --color-brand-action:#0B7D71;
  --color-brand-strong:#09655B;
  --color-brand-soft:#DDF5F1;
  --color-on-brand:#FFFFFF;
  --color-deep:#0E2A33;
  --color-accent:#FF6B3D;
  --color-accent-strong:#B83E12;
  --color-accent-soft:#FFE9DF;
  --color-success:#11733F;
  --color-success-soft:#DFF5E8;
  --color-warning:#8F5200;
  --color-warning-soft:#FFF1D2;
  --color-danger:#B42323;
  --color-danger-soft:#FDE4E4;
  --shadow-focus-ring:0 0 0 2px #F6F8F9, 0 0 0 4px #0B7D71;
  --font-family-display:"Readex Pro", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-family-sans:"IBM Plex Sans Arabic", "Readex Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-size-display:36px;
  --line-height-display:48px;
  --font-size-title:26px;
  --line-height-title:36px;
  --font-size-heading:20px;
  --line-height-heading:30px;
  --font-size-amount:28px;
  --line-height-amount:36px;
  --font-size-body-lg:17px;
  --line-height-body-lg:28px;
  --font-size-body:15px;
  --line-height-body:24px;
  --font-size-label:14px;
  --line-height-label:20px;
  --font-size-caption:12px;
  --line-height-caption:18px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-12:48px;
  --radius-control:8px;
  --radius-card:14px;
  --radius-full:9999px;
  --shadow-raised:0 0 0 1px rgb(0 0 0 / 0.02), 0 2px 6px rgb(0 0 0 / 0.04), 0 4px 8px rgb(0 0 0 / 0.1);
  --space-16:64px;
  --font-weight-regular:400;
  --font-weight-medium:500;
  --font-weight-semibold:600;
}
@media (prefers-color-scheme: dark){:root:not([data-theme=light]){
  color-scheme:dark;
  --color-surface:#0B141B;
  --color-surface-raised:#121E27;
  --color-surface-sunken:#070E13;
  --color-line:#22323D;
  --color-ink:#EAF1F4;
  --color-ink-muted:#93A4B0;
  --color-brand:#2BD4BD;
  --color-brand-action:#2BD4BD;
  --color-brand-strong:#5EE6D2;
  --color-brand-soft:#0E3A36;
  --color-on-brand:#04201C;
  --color-deep:#17404A;
  --color-accent:#FF8257;
  --color-accent-strong:#FF9C7A;
  --color-accent-soft:#3D1C10;
  --color-success:#4ADE80;
  --color-success-soft:#0F2F1E;
  --color-warning:#F5B544;
  --color-warning-soft:#33250A;
  --color-danger:#FF8A8A;
  --color-danger-soft:#3A1515;
  --shadow-focus-ring:0 0 0 2px #0B141B, 0 0 0 4px #2BD4BD;
}}
:root[data-theme=dark]{
  color-scheme:dark;
  --color-surface:#0B141B;
  --color-surface-raised:#121E27;
  --color-surface-sunken:#070E13;
  --color-line:#22323D;
  --color-ink:#EAF1F4;
  --color-ink-muted:#93A4B0;
  --color-brand:#2BD4BD;
  --color-brand-action:#2BD4BD;
  --color-brand-strong:#5EE6D2;
  --color-brand-soft:#0E3A36;
  --color-on-brand:#04201C;
  --color-deep:#17404A;
  --color-accent:#FF8257;
  --color-accent-strong:#FF9C7A;
  --color-accent-soft:#3D1C10;
  --color-success:#4ADE80;
  --color-success-soft:#0F2F1E;
  --color-warning:#F5B544;
  --color-warning-soft:#33250A;
  --color-danger:#FF8A8A;
  --color-danger-soft:#3A1515;
  --shadow-focus-ring:0 0 0 2px #0B141B, 0 0 0 4px #2BD4BD;
}