:root {
  color-scheme: light;
  --green-50:  #E9F6F0;   
  --green-100: #D3EDE1;
  --green-200: #B3DECB;
  --green-300: #7FC4A6;
  --green-500: #1F8A65;
  --green-600: #0E7556;   
  --green-700: #0B5D45;   
  --green-800: #084634;   
  --green-900: #06321F;
  --amber-50:  #FBF1DF;
  --amber-100: #F5DFB5;
  --amber-500: #B7791F;   
  --amber-700: #8A5A00;   
  --amber-900: #7C4F0E;   
  --ink-900: #14231D;     
  --ink-700: #2C3D36;
  --ink-600: #4A5E55;     
  --ink-500: #647A70;     
  --ink-400: #7B9187;     
  --ink-200: #D5E3DC;     
  --ink-100: #EAF1ED;
  --ink-50:  #F5F9F7;
  --red-700: #B42318;     
  --red-50:  #FDF0EE;
  --white:   #FFFFFF;
  --color-page: var(--white);
  --color-surface: var(--white);
  --color-surface-tint: var(--green-50);
  --color-surface-sunk: var(--ink-50);
  --color-text: var(--ink-900);
  --color-text-muted: var(--ink-600);
  --color-text-on-brand: var(--white);
  --color-brand: var(--green-700);
  --color-brand-hover: var(--green-800);
  --color-brand-soft: var(--green-100);
  --color-link: var(--green-700);
  --color-line: var(--ink-200);
  --color-field-border: var(--ink-400);
  --color-field-bg: var(--white);
  --color-focus: var(--green-700);
  --color-ot: var(--amber-500);
  --color-ot-text: var(--amber-700);
  --color-ot-soft: var(--amber-50);
  --color-dt: var(--amber-900);
  --color-regular: var(--green-700);
  --color-error: var(--red-700);
  --color-error-soft: var(--red-50);
  --color-total-bg: var(--green-50);
  --color-total-line: var(--green-200);
  --color-total-num: var(--green-700);
  --color-total-ot: var(--amber-700);    
  --color-total-dt: var(--amber-900);
  --color-dt-soft: #F1E4D2;
  --color-ad-bg: var(--ink-50);
  --color-ad-fill: #DCE3DF;      
  --color-footer-text: #D8EADF;
  --color-footer-head: #A9CDBB;
  --color-footer-muted: #CFE3D8;
  --color-footer-legal: #B9D6C7;
  --color-ad-label: var(--ink-600);
  --font-display: "Public Sans", "Public Sans Fallback", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Public Sans", "Public Sans Fallback", ui-sans-serif, system-ui, sans-serif;
  --fw-ui: 500;
  --num: tabular-nums lining-nums;
  --num-prose: proportional-nums lining-nums;
  --fs-11: 0.6875rem;     
  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-14: 0.875rem;
  --fs-15: 0.9375rem;
  --fs-16: 1rem;
  --fs-17: 1.0625rem;     
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-30: clamp(1.5rem, 1.2rem + 1.2vw, 1.875rem);
  --fs-40: clamp(2rem, 1.55rem + 1.8vw, 2.5rem);
  --fs-hero-num: clamp(2.75rem, 2.2rem + 2.4vw, 3.5rem);
  --lh-tight: 1.1;
  --lh-snug: 1.3;
  --lh-body: 1.6;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --radius-chip: 999px;
  --radius-field: 8px;
  --radius-card: 12px;
  --radius-panel: 12px;
  --radius-bar: 6px;
  --shadow-card: 0 1px 2px rgb(20 35 29 / 0.06);
  --shadow-1: 0 1px 2px rgb(20 35 29 / 0.06), 0 2px 6px -2px rgb(20 35 29 / 0.06);
  --shadow-2: 0 1px 2px rgb(20 35 29 / 0.07), 0 8px 20px -6px rgb(20 35 29 / 0.14);
  --shadow-3: 0 2px 4px rgb(4 30 22 / 0.10), 0 24px 48px -16px rgb(4 30 22 / 0.40);
  --shadow-bar: none;
  --target: 44px;            
  --field-h: 48px;
  --chip-h: 36px;
  --column-wide: 1200px;     
  --column: 928px;           
  --measure: 680px;
  --rail-w: 160px;
  --rail-h: 600px;
  --rail-gap: 32px;
  --anchor-h: 50px;          
  --anchor-label: 14px;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --dur-press: 140ms;
  --dur-ui: 180ms;
  --dur-count: 220ms;
}