/* Goooo platform design tokens — extracted from the live go-cab.co.za deploy (Jul 5 2026). */

:root {
  --black: #090909;
  --surface: #111111;
  --surface-2: #171717;
  --surface-3: #1e1e1e;
  --text: #F0EDE6;
  --text-muted: #7a7870;
  --text-dim: #404040;
  --border-hairline: rgba(255,255,255,0.05);
  --border-hairline-soft: rgba(255,255,255,0.04);
  --border-hairline-strong: rgba(255,255,255,0.08);

  --radius: 14px;
  --radius-sm: 8px;
  --radius-xs: 6px;

  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

  /* Reserved platform-wide for online/available/status states only — never a vertical accent. */
  --status-online: #4ade80;

  /* GoCab — gold. Also the Goooo platform default accent. */
  --gold: #C9A84C;
  --gold-light: #E2BC6A;
  --gold-dim: rgba(201,168,76,0.12);
  --gold-border: rgba(201,168,76,0.25);

  /* GoDelivery — teal/cyan. */
  --teal: #2FB8C6;
  --teal-light: #5FD3DE;
  --teal-dim: rgba(47,184,198,0.12);
  --teal-border: rgba(47,184,198,0.25);

  /* GoErrands — orange, signed off over violet. Violet kept defined in case it's needed elsewhere later. */
  --violet: #8B6FD6;
  --violet-light: #A98EEC;
  --violet-dim: rgba(139,111,214,0.12);
  --violet-border: rgba(139,111,214,0.25);

  --orange: #E08A3C;
  --orange-light: #FFAB6B;
  --orange-dim: rgba(224,138,60,0.12);
  --orange-border: rgba(224,138,60,0.25);

  /* Semantic accent — pages override via [data-accent] below. Defaults to the platform gold. */
  --accent: var(--gold);
  --accent-light: var(--gold-light);
  --accent-dim: var(--gold-dim);
  --accent-border: var(--gold-border);
}

[data-accent="delivery"] {
  --accent: var(--teal);
  --accent-light: var(--teal-light);
  --accent-dim: var(--teal-dim);
  --accent-border: var(--teal-border);
}

[data-accent="errands"] {
  --accent: var(--orange);
  --accent-light: var(--orange-light);
  --accent-dim: var(--orange-dim);
  --accent-border: var(--orange-border);
}