/* Generated from styles/design-tokens.json. Edit the source, not this file. */
:root {
  --brand-navy: #102A43;
  --brand-blue: #2563EB;
  --brand-white: #FFFFFF;
  --brand-stone: #EDF2FF;
  --brand-green: #17633C;
  --brand-red: #A32623;
  --font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: 1rem;
  --font-action: 1.0625rem;
  --font-lead: 1.125rem;
  --font-subheading: 1.1875rem;
  --font-product-phone: 1.25rem;
  --font-product: 1.375rem;
  --font-section-phone: 1.4375rem;
  --font-section: 1.5rem;
  --font-job-phone: 1.5625rem;
  --font-job: 1.625rem;
  --font-total-phone: 1.6875rem;
  --font-total: 1.75rem;
  --font-page-phone: 2.125rem;
  --font-page: 2.25rem;
  --line-body: 1.5;
  --line-heading: 1.2;
  --line-brand: 1.1;
  --line-status: 1.4;
  --weight-normal: 400;
  --weight-medium: 450;
  --weight-control: 650;
  --weight-strong: 700;
  --weight-section: 750;
  --weight-brand: 800;
  --tracking-normal: normal;
  --tracking-heading: -.025em;
  --tracking-brand: -.04em;
  --shadow-none: none;
  --radius-control: 5px;
  --radius-sheet: 8px;
  --radius-status: 3px;
  --size-tap: 48px;
  --size-primary: 56px;
  --border-width: 1px;
  --border-strong: 3px;
  --layer-sticky: 4;
  --layer-save: 50;
  --layer-nav: 100;
  --shade-pale: color-mix(in srgb, var(--brand-white) 65%, var(--brand-stone));
  --shade-dark: color-mix(in srgb, var(--brand-navy) 92%, black);
  --shade-dark-raised: color-mix(in srgb, var(--brand-navy) 80%, var(--brand-white));
  --shade-dark-line: color-mix(in srgb, var(--brand-navy) 52%, var(--brand-white));
  --shade-muted: color-mix(in srgb, var(--brand-navy) 78%, var(--brand-white));
  --shade-line: color-mix(in srgb, var(--brand-navy) 55%, var(--brand-white));
  --shade-blue-light: color-mix(in srgb, var(--brand-blue) 35%, var(--brand-white));
  --shade-green-light: color-mix(in srgb, var(--brand-green) 30%, var(--brand-white));
  --shade-red-light: color-mix(in srgb, var(--brand-red) 30%, var(--brand-white));
  --shade-muted-light: color-mix(in srgb, var(--brand-white) 78%, var(--brand-navy));
  --backdrop: color-mix(in srgb, var(--brand-navy) 50%, transparent);
  --measure-6px: 6px;
  --measure-96px: 96px;
  --measure-108px: 108px;
  --measure-5px: 5px;
  --measure-88px: 88px;
  --measure-112px: 112px;
  --measure-12px: 12px;
  --measure-24px: 24px;
  --measure-8px: 8px;
  --measure-11px: 11px;
  --measure-16px: 16px;
  --measure-28px: 28px;
  --measure-20px: 20px;
  --measure-44px: 44px;
  --measure-34px: 34px;
  --measure-1440px: 1440px;
  --measure-80px: 80px;
  --measure-36px: 36px;
  --measure-208px: 208px;
  --measure-13px: 13px;
  --measure-1056px: 1056px;
  --measure-4px: 4px;
  --measure-14px: 14px;
  --measure-10px: 10px;
  --measure-64px: 64px;
  --measure-32px: 32px;
  --measure-2px: 2px;
  --measure-100dvh: 100dvh;
  --measure-40px: 40px;
  --measure-100px: 100px;
  --measure-18px: 18px;
  --measure-160px: 160px;
  --measure-52px: 52px;
  --measure-1120px: 1120px;
  --measure-320px: 320px;
  --measure-23px: 23px;
  --measure-60px: 60px;
  --measure-680px: 680px;
  --measure-900px: 900px;
  --measure-260px: 260px;
  --measure-220px: 220px;
  --offset-outline: -1px;
  --offset-focus-inset: -3px;
  --shadow-active-navigation: inset var(--border-strong) 0 var(--color-action);
  --shadow-active-tab: inset 0 var(--offset-focus-inset) var(--color-action);
  --measure-120px: 120px;
  --radius-card: 10px;
  --radius-input: 6px;
  --motion-press: 160ms;
  --motion-expand: 200ms;
  --motion-ease: cubic-bezier(.2,0,0,1);
  --press-scale: .985;
  --font-money: 2.5rem;
  --line-money: 1.1;
  --content-measure: 68ch;
  --surface-card: color-mix(in srgb,var(--color-surface) 94%,var(--color-action));
  --surface-input: color-mix(in srgb,var(--color-surface) 97%,var(--color-action));
  --surface-warning: color-mix(in srgb,var(--color-surface) 94%,var(--color-danger));
  --elevation-card: 0 2px 6px color-mix(in srgb,var(--color-text) 7%,transparent);
  --elevation-input: inset 0 1px 2px color-mix(in srgb,var(--color-text) 6%,transparent);
  --font-money-compact: clamp(1rem, 9vw, 2.5rem);
  --color-text: var(--brand-navy);
  --color-surface: var(--brand-white);
  --color-raised: var(--shade-pale);
  --color-action: var(--brand-blue);
  --color-muted: var(--shade-muted);
  --color-border: var(--shade-line);
  --color-success: var(--brand-green);
  --color-danger: var(--brand-red);
}
html[data-theme=dark] {
  --color-text: var(--brand-white);
  --color-surface: var(--shade-dark);
  --color-raised: var(--shade-dark-raised);
  --color-action: var(--shade-blue-light);
  --color-muted: var(--shade-muted-light);
  --color-border: var(--shade-dark-line);
  --color-success: var(--shade-green-light);
  --color-danger: var(--shade-red-light);
}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){
  --color-text: var(--brand-white);
  --color-surface: var(--shade-dark);
  --color-raised: var(--shade-dark-raised);
  --color-action: var(--shade-blue-light);
  --color-muted: var(--shade-muted-light);
  --color-border: var(--shade-dark-line);
  --color-success: var(--shade-green-light);
  --color-danger: var(--shade-red-light);
}}

html[data-colour=blue]{--color-action:#2563eb;--work-action:#2563eb;--work-blue:#2563eb;--work-focus:#2563eb}
html[data-theme=dark][data-colour=blue]{--color-action:#60a5fa;--work-action:#60a5fa;--work-blue:#60a5fa;--work-focus:#60a5fa}
.appearance-swatch[data-colour=blue]{background:#2563eb}

html[data-colour=teal]{--color-action:#008078;--work-action:#008078;--work-blue:#008078;--work-focus:#008078}
html[data-theme=dark][data-colour=teal]{--color-action:#2dd4bf;--work-action:#2dd4bf;--work-blue:#2dd4bf;--work-focus:#2dd4bf}
.appearance-swatch[data-colour=teal]{background:#00b8a9}

html[data-colour=indigo]{--color-action:#4f46e5;--work-action:#4f46e5;--work-blue:#4f46e5;--work-focus:#4f46e5}
html[data-theme=dark][data-colour=indigo]{--color-action:#a5a0ff;--work-action:#a5a0ff;--work-blue:#a5a0ff;--work-focus:#a5a0ff}
.appearance-swatch[data-colour=indigo]{background:#6366f1}

html[data-colour=purple]{--color-action:#9333ea;--work-action:#9333ea;--work-blue:#9333ea;--work-focus:#9333ea}
html[data-theme=dark][data-colour=purple]{--color-action:#d58aff;--work-action:#d58aff;--work-blue:#d58aff;--work-focus:#d58aff}
.appearance-swatch[data-colour=purple]{background:#b83df5}

html[data-colour=amber]{--color-action:#c2410c;--work-action:#c2410c;--work-blue:#c2410c;--work-focus:#c2410c}
html[data-theme=dark][data-colour=amber]{--color-action:#ff9959;--work-action:#ff9959;--work-blue:#ff9959;--work-focus:#ff9959}
.appearance-swatch[data-colour=amber]{background:#ff781f}

html[data-colour=gold]{--color-action:#a15c00;--work-action:#a15c00;--work-blue:#a15c00;--work-focus:#a15c00}
html[data-theme=dark][data-colour=gold]{--color-action:#ffd23f;--work-action:#ffd23f;--work-blue:#ffd23f;--work-focus:#ffd23f}
.appearance-swatch[data-colour=gold]{background:#ffc400}

html[data-colour=cyan]{--color-action:#007f9e;--work-action:#007f9e;--work-blue:#007f9e;--work-focus:#007f9e}
html[data-theme=dark][data-colour=cyan]{--color-action:#22d3ee;--work-action:#22d3ee;--work-blue:#22d3ee;--work-focus:#22d3ee}
.appearance-swatch[data-colour=cyan]{background:#00c4e8}

html[data-colour=mint]{--color-action:#008451;--work-action:#008451;--work-blue:#008451;--work-focus:#008451}
html[data-theme=dark][data-colour=mint]{--color-action:#34e8a3;--work-action:#34e8a3;--work-blue:#34e8a3;--work-focus:#34e8a3}
.appearance-swatch[data-colour=mint]{background:#00d98b}

html[data-colour=green]{--color-action:#008240;--work-action:#008240;--work-blue:#008240;--work-focus:#008240}
html[data-theme=dark][data-colour=green]{--color-action:#4ade80;--work-action:#4ade80;--work-blue:#4ade80;--work-focus:#4ade80}
.appearance-swatch[data-colour=green]{background:#00c853}

html[data-colour=violet]{--color-action:#7c3aed;--work-action:#7c3aed;--work-blue:#7c3aed;--work-focus:#7c3aed}
html[data-theme=dark][data-colour=violet]{--color-action:#b594ff;--work-action:#b594ff;--work-blue:#b594ff;--work-focus:#b594ff}
.appearance-swatch[data-colour=violet]{background:#8b5cf6}