/* Minimal theme: near-monochrome, one muted accent, no gradients.
   Same look on every surface; respondents never see the brand name or logo. */
:root,
body[data-surface="public"],
body[data-surface="internal"] {
  --bg: #FAFAFA;
  --surface: #FFFFFF;
  --surface-2: #F2F2F2;
  --text: #111111;
  --text-2: #3D3D3D;
  --muted: #767676;
  --accent: #0E7C76;
  --accent-ink: #FFFFFF;
  --accent-soft: rgba(14, 124, 118, 0.08);
  --border: #E6E6E6;
  --border-strong: #D0D0D0;
  --success: #1F7A4D;
  --warning: #9A6700;
  --danger: #B42318;
  --danger-soft: rgba(180, 35, 24, 0.08);
  --shadow: none;
  --radius: 10px;
  --radius-sm: 8px;
  --font: 'Inter', 'IBM Plex Sans Arabic', system-ui, -apple-system, sans-serif;
  --glow: none;
}
:root[lang="ar"] body { --font: 'IBM Plex Sans Arabic', 'Inter', system-ui, sans-serif; }

@media (prefers-color-scheme: dark) {
  :root[data-theme="dark"] body:not([data-surface="public"]) {
    --bg: #111111;
    --surface: #181818;
    --surface-2: #222222;
    --text: #F2F2F2;
    --text-2: #C8C8C8;
    --muted: #8A8A8A;
    --accent: #3FB6AE;
    --accent-soft: rgba(63, 182, 174, 0.10);
    --border: #2A2A2A;
    --border-strong: #3A3A3A;
    --success: #4CC38A;
    --danger: #F0645A;
  }
}

/* Participant screens: light and soft, rounded cards, a lime action colour and a lavender accent. */
body[data-surface="public"] {
  color-scheme: light;
  --bg: #F1F2EE;
  --surface: #FFFFFF;
  --surface-2: #F6F7F3;
  --text: #141414;
  --text-2: #4B5046;
  --muted: #80857A;
  --accent: #7466EE;
  --accent-ink: #FFFFFF;
  --accent-soft: rgba(116, 102, 238, 0.10);
  --lime: #D5F25A;
  --lime-ink: #151515;
  --border: #E3E5DE;
  --border-strong: #D3D6CD;
  --shadow: 0 1px 2px rgba(20, 20, 20, .04), 0 8px 24px rgba(20, 20, 20, .06);
  --radius: 18px;
  --radius-sm: 12px;
}

/* Staff screens share the participant palette (light, lavender accent), with crisper cards for dense pages. */
body[data-surface="internal"] {
  color-scheme: light;
  --bg: #F4F5F1;
  --surface: #FFFFFF;
  --surface-2: #F3F4EF;
  --text: #141414;
  --text-2: #4B5046;
  --muted: #7A7F74;
  --accent: #6B5CE7;
  --accent-ink: #FFFFFF;
  --accent-soft: rgba(107, 92, 231, 0.10);
  --lime: #D5F25A;
  --lime-ink: #151515;
  --border: #E3E5DE;
  --border-strong: #D3D6CD;
  --shadow: 0 1px 2px rgba(20, 20, 20, .04), 0 4px 14px rgba(20, 20, 20, .05);
  --radius: 14px;
  --radius-sm: 10px;
}