/* Design tokens — ported from ZiaOnline-Web/src/index.css (Material 3 teal system) */
:root {
  /* This site is light-only for now; tell browsers not to auto-dark the UI */
  color-scheme: light;

  /* Color */
  --color-primary: #00695c;
  --color-on-primary: #ffffff;
  --color-primary-container: #b2dfdb;
  --color-on-primary-container: #002019;
  --color-secondary: #00897b;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #b2dfdb;
  --color-on-secondary-container: #002019;
  --color-tertiary: #b25e00;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffddb3;
  --color-on-tertiary-container: #3a2500;
  --color-background: #f5faf8;
  --color-surface: #fcfdfc;
  --color-surface-container: #eef5f2;
  --color-surface-container-high: #e8efec;
  --color-surface-container-highest: #e2eae6;
  --color-surface-container-low: #f4f9f7;
  --color-surface-variant: #dae5e1;
  --color-on-surface: #191c1b;
  --color-on-surface-variant: #3f4946;
  --color-outline: #6f7976;
  --color-outline-variant: #bec9c5;
  --color-success: #2e7d32;
  --color-error: #ba1a1a;
  --color-danger: #c62828;
  --color-disabled-text: #5c6663;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;

  /* Typography */
  --font-sans: "Dana Num", "Segoe UI", Tahoma, sans-serif;

  --text-display-lg: 55px; --lh-display-lg: 62px;
  --text-display-md: 43px; --lh-display-md: 50px;
  --text-headline-lg: 30px; --lh-headline-lg: 38px;
  --text-headline-md: 26px; --lh-headline-md: 34px;
  --text-headline-sm: 22px; --lh-headline-sm: 30px;
  --text-title-lg: 20px; --lh-title-lg: 26px;
  --text-title-md: 16px; --lh-title-md: 24px;
  --text-body-lg: 17px; --lh-body-lg: 28px;
  --text-body-md: 15px; --lh-body-md: 24px;
  --text-label-lg: 13px; --lh-label-lg: 18px;

  /* Spacing (4px base) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* Layout */
  --container-max: 1120px;
  --header-height: 72px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 1px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --transition-fast: 150ms ease;
}