/* Zencia OPD — design tokens. Shared across every page in this app. */
:root {
  /* Neutrals */
  --c-bg:        #f4f6f8;
  --c-surface:   #ffffff;
  --c-surface-2: #eef1f5;
  --c-line:      #d6dce4;
  --c-line-soft: #e7ebf0;
  --c-ink:       #14181d;
  --c-ink-2:     #4a5561;
  --c-ink-3:     #7b8797;

  /* Brand */
  --c-brand:      #1a6b6b;
  --c-brand-dark: #12504f;
  --c-brand-soft: #e2f0ef;

  /* Triage — these are clinical signals, never decoration */
  --c-red:      #c3241d;
  --c-red-bg:   #fdeceb;
  --c-orange:   #b45c09;
  --c-orange-bg:#fdf1e2;
  --c-yellow:   #8a7300;
  --c-yellow-bg:#fbf6de;
  --c-green:    #1f7a44;
  --c-green-bg: #e6f4ec;
  --c-blue:     #2a5aa8;
  --c-blue-bg:  #e8eefb;

  /* Type scale */
  --t-xs:   0.75rem;
  --t-sm:   0.875rem;
  --t-base: 1rem;
  --t-md:   1.125rem;
  --t-lg:   1.375rem;
  --t-xl:   1.75rem;
  --t-2xl:  2.25rem;
  --t-3xl:  3rem;
  --t-4xl:  4rem;

  /* Space */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;

  --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-pill: 999px;

  --shadow-1: 0 1px 2px rgba(20,24,29,.06), 0 1px 3px rgba(20,24,29,.08);
  --shadow-2: 0 4px 14px rgba(20,24,29,.10);

  --font: "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-deva: "Nirmala UI", "Noto Sans Devanagari", var(--font);
  --font-mono: "Cascadia Mono", Consolas, monospace;
}

/* Kiosk high-contrast toggle */
.kiosk-shell[data-contrast="high"] {
  --c-bg: #000; --c-surface: #000; --c-surface-2: #111;
  --c-ink: #fff; --c-ink-2: #e8e8e8; --c-ink-3: #c0c0c0;
  --c-line: #fff; --c-line-soft: #666;
  --c-brand: #ffd400; --c-brand-dark: #ffd400; --c-brand-soft: #2a2400;
}
.kiosk-shell[data-type="large"] { font-size: 1.2rem; }