/* Doczoz design tokens v2 — the ONLY place colors may be written (Constitution 5/3).
   Palette: iris blue (action) · lantern amber (the queue ticket) · mint (your turn) on cool paper. */
:root {
  --c-bg: #f3f5fb;
  --c-bg-tint: #e8ecf9;
  --c-surface: #ffffff;
  --c-surface-2: #eef1fa;
  --c-surface-3: #e1e6f6;
  --c-text: #1a2040;
  --c-text-muted: #545c7e;
  --c-border: #d9deee;
  --c-border-strong: #b7c0dc;

  --c-primary: #3d4fd6;
  --c-primary-strong: #2e3eb6;
  --c-primary-soft: #e6e9fc;
  --c-on-primary: #ffffff;

  --c-accent: #ffb547;
  --c-accent-strong: #f09a1a;
  --c-accent-soft: #fff1d6;
  --c-on-accent: #3a2600;

  --c-wa: #0b7a3e;          /* WhatsApp action (white text, 5.4:1) */
  --c-wa-strong: #08622f;
  --c-on-wa: #ffffff;

  --c-success: #0f7a56;
  --c-success-bg: #dcf5ea;
  --c-warning: #8a5300;
  --c-warning-bg: #fff0d2;
  --c-danger: #c22f48;
  --c-danger-bg: #fde6ea;
  --c-danger-solid: #c22f48;
  --c-on-danger: #ffffff;
  --c-critical-bg: #b3202f;
  --c-critical-chip: #8f1422;
  --c-on-critical: #ffffff;

  --c-focus: #e07a00;
  --c-overlay: rgba(16, 20, 48, 0.55);
  --c-glass: rgba(255, 255, 255, 0.86);
  --c-shine: rgba(255, 255, 255, 0.22);
  --c-shadow-a: rgba(26, 32, 64, 0.06);
  --c-shadow-b: rgba(26, 32, 64, 0.12);
  --c-primary-glow: rgba(61, 79, 214, 0.28);

  --font-body: "IBM Plex Sans Arabic", "Noto Kufi Arabic", "SF Arabic", "Segoe UI", "Noto Sans Arabic", "Geeza Pro", Tahoma, system-ui, sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-md: 1rem;
  --fs-lg: 1.1875rem;
  --fs-xl: 1.5rem;
  --fs-xxl: 2rem;
  --fs-display: clamp(2rem, 6vw, 3.25rem);
  --fs-huge: clamp(4.5rem, 22vw, 7rem);

  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;

  --radius-sm: 0.625rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-pill: 999px;

  --touch: 44px;
  --maxw: 1120px;
  --tabbar-h: 4.25rem;
  --shadow-1: 0 1px 2px var(--c-shadow-a), 0 4px 14px var(--c-shadow-a);
  --shadow-2: 0 2px 6px var(--c-shadow-a), 0 14px 34px var(--c-shadow-b);
  --shadow-btn: 0 1px 0 var(--c-shine) inset, 0 6px 16px var(--c-primary-glow);

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-1: 120ms;
  --dur-2: 220ms;
  --dur-3: 420ms;
}

[data-theme="dark"] {
  --c-bg: #0e1124;
  --c-bg-tint: #141833;
  --c-surface: #171b36;
  --c-surface-2: #1f2444;
  --c-surface-3: #2a3058;
  --c-text: #e8ebfb;
  --c-text-muted: #a6adcf;
  --c-border: #2c3257;
  --c-border-strong: #454c7a;

  --c-primary: #97a2ff;
  --c-primary-strong: #b6beff;
  --c-primary-soft: #262c5c;
  --c-on-primary: #0d1030;

  --c-accent: #ffc566;
  --c-accent-strong: #ffb547;
  --c-accent-soft: #3d2f10;
  --c-on-accent: #2a1c00;

  --c-wa: #3ddc84;
  --c-wa-strong: #6ae6a2;
  --c-on-wa: #04210f;

  --c-success: #6fdcb0;
  --c-success-bg: #12362b;
  --c-warning: #ffd07a;
  --c-warning-bg: #3b2c0c;
  --c-danger: #ff93a5;
  --c-danger-bg: #40161f;
  --c-danger-solid: #d5425b;
  --c-on-danger: #ffffff;
  --c-critical-bg: #c62b3b;
  --c-critical-chip: #8f1422;
  --c-on-critical: #ffffff;

  --c-focus: #ffc566;
  --c-overlay: rgba(4, 6, 18, 0.7);
  --c-glass: rgba(23, 27, 54, 0.88);
  --c-shine: rgba(255, 255, 255, 0.12);
  --c-shadow-a: rgba(0, 0, 0, 0.3);
  --c-shadow-b: rgba(0, 0, 0, 0.45);
  --c-primary-glow: rgba(151, 162, 255, 0.22);
}