/* iNeed 2.0 — SEMANTIC layer. UI code consumes ONLY these.
   Theme: [data-theme="dark"] on any ancestor flips the scope.
   Role: [data-role="customer|vendor|driver|support|admin"] swaps the accent family.
   Warm secondary (--warm-*) is shared by all roles: promos, food warmth, ratings. */
:root{
  --bg:var(--n-50); --surface:var(--n-0); --surface-sunken:var(--n-100); --surface-raised:var(--n-0);
  --border:var(--n-200); --border-strong:var(--n-300);
  --text-1:var(--n-950); --text-2:var(--n-700); --text-3:var(--n-600); --text-disabled:var(--n-400);
  --inverse-surface:var(--n-950); --inverse-text:var(--n-25);
  /* Accent (default role = Customer / master brand violet) */
  --accent:var(--brand-500); --accent-strong:var(--brand-600); --accent-pressed:var(--brand-700);
  --accent-soft:var(--brand-400); --accent-tint:var(--brand-100); --accent-tint-2:var(--brand-200);
  --on-accent:#FFFFFF; --focus-ring:var(--brand-600);
  /* Warm secondary — orange */
  --warm:var(--orange-500); --warm-strong:var(--orange-600); --warm-soft:var(--orange-400);
  --warm-tint:var(--orange-50); --warm-tint-2:var(--orange-100); --on-warm:#FFFFFF;
  --rating:var(--orange-500);
  /* iNeed MORE badge */
  --more-gradient:linear-gradient(100deg,var(--more-from),var(--more-to));
  --on-more:#FFFFFF; --more-tint:var(--brand-50);
  /* States */
  --success:var(--green-600); --success-fill:var(--green-500); --success-tint:var(--green-50);
  --warning:var(--amber-600); --warning-fill:var(--amber-500); --warning-tint:var(--amber-50);
  /* Readable warning ink FOR TEXT on --warning-tint or --surface. --warning is a
     signal colour (3.3:1 on its own tint) — use it for icons and fills, never for
     small text. --warn-ink clears 4.5:1 on both grounds. */
  --warn-ink:var(--amber-700);
  /* Direction flip for glyphs that point somewhere (arrows, carets, chevrons):
     transform:scaleX(var(--dir-flip)). Non-directional icons never use it. */
  --dir-flip:1; /* @kind other */
  --danger:var(--red-600); --danger-fill:var(--red-500); --danger-tint:var(--red-50);
  --info:var(--blue-600); --info-fill:var(--blue-500); --info-tint:var(--blue-50);
  /* Order status (fg on tint) */
  --status-placed-fg:var(--info); --status-placed-bg:var(--info-tint);
  --status-preparing-fg:var(--warning); --status-preparing-bg:var(--warning-tint);
  --status-ontheway-fg:var(--teal-600); --status-ontheway-bg:var(--teal-50);
  --status-delivered-fg:var(--success); --status-delivered-bg:var(--success-tint);
  --status-cancelled-fg:var(--danger); --status-cancelled-bg:var(--danger-tint);
  /* State layers */
  --hover-layer:rgba(20,21,33,0.08); --press-layer:rgba(20,21,33,0.12);
  color-scheme:light;
}
[dir="rtl"]{--dir-flip:-1; /* @kind other */}
[data-theme="dark"]{
  --bg:var(--nd-bg); --surface:var(--nd-1); --surface-sunken:var(--nd-bg); --surface-raised:var(--nd-2);
  --border:var(--nd-border); --border-strong:var(--nd-border-strong);
  --text-1:var(--nd-text-1); --text-2:var(--nd-text-2); --text-3:var(--nd-text-3); --text-disabled:#565766;
  --inverse-surface:var(--n-50); --inverse-text:var(--n-950);
  --accent:var(--brand-400); --accent-strong:var(--brand-400); --accent-pressed:var(--brand-300);
  --accent-soft:var(--brand-300); --accent-tint:rgba(124,111,240,0.16); --accent-tint-2:rgba(124,111,240,0.26);
  --on-accent:var(--brand-950); --focus-ring:var(--brand-400);
  --warm:var(--orange-400); --warm-strong:var(--orange-400); --warm-soft:var(--orange-300);
  --warm-tint:rgba(251,129,73,0.14); --warm-tint-2:rgba(251,129,73,0.24); --on-warm:#331103;
  --rating:var(--orange-400);
  --success:var(--green-400); --success-tint:rgba(47,191,132,0.14);
  --warning:var(--amber-400); --warning-tint:rgba(239,181,59,0.14); --warn-ink:var(--amber-400);
  --danger:var(--red-400); --danger-tint:rgba(237,114,134,0.16);
  --info:var(--blue-400); --info-tint:rgba(98,163,232,0.16);
  --status-placed-fg:var(--info); --status-placed-bg:var(--info-tint);
  --status-preparing-fg:var(--warning); --status-preparing-bg:var(--warning-tint);
  --status-ontheway-fg:var(--teal-400); --status-ontheway-bg:rgba(44,193,208,0.14);
  --status-delivered-fg:var(--success); --status-delivered-bg:var(--success-tint);
  --status-cancelled-fg:var(--danger); --status-cancelled-bg:var(--danger-tint);
  --hover-layer:rgba(242,242,247,0.08); --press-layer:rgba(242,242,247,0.12);
  --more-tint:rgba(124,111,240,0.16);
  color-scheme:dark;
}
/* Role accent swaps — light */
[data-role="vendor"]{--accent:var(--green-500);--accent-strong:var(--green-600);--accent-pressed:var(--green-700);--accent-soft:var(--green-400);--accent-tint:var(--green-50);--accent-tint-2:var(--green-100);--on-accent:#FFFFFF;--focus-ring:var(--green-600)}
[data-role="driver"]{--accent:var(--teal-500);--accent-strong:var(--teal-600);--accent-pressed:var(--teal-700);--accent-soft:var(--teal-400);--accent-tint:var(--teal-50);--accent-tint-2:var(--teal-100);--on-accent:#FFFFFF;--focus-ring:var(--teal-600)}
[data-role="support"]{--accent:var(--rose-500);--accent-strong:var(--rose-600);--accent-pressed:var(--rose-700);--accent-soft:var(--rose-400);--accent-tint:var(--rose-50);--accent-tint-2:var(--rose-100);--on-accent:#FFFFFF;--focus-ring:var(--rose-600)}
[data-role="admin"]{--accent:var(--blue-500);--accent-strong:var(--blue-600);--accent-pressed:var(--blue-700);--accent-soft:var(--blue-400);--accent-tint:var(--blue-50);--accent-tint-2:var(--blue-100);--on-accent:#FFFFFF;--focus-ring:var(--blue-600)}
/* Role accent swaps — dark (accent promotes to 400, on-accent flips dark) */
[data-theme="dark"] [data-role="vendor"],[data-role="vendor"][data-theme="dark"]{--accent:var(--green-400);--accent-strong:var(--green-400);--accent-pressed:var(--green-100);--accent-tint:rgba(47,191,132,0.14);--accent-tint-2:rgba(47,191,132,0.22);--on-accent:#04231A;--focus-ring:var(--green-400)}
[data-theme="dark"] [data-role="driver"],[data-role="driver"][data-theme="dark"]{--accent:var(--teal-400);--accent-strong:var(--teal-400);--accent-pressed:var(--teal-100);--accent-tint:rgba(44,193,208,0.14);--accent-tint-2:rgba(44,193,208,0.22);--on-accent:#03272B;--focus-ring:var(--teal-400)}
[data-theme="dark"] [data-role="support"],[data-role="support"][data-theme="dark"]{--accent:var(--rose-400);--accent-strong:var(--rose-400);--accent-pressed:var(--rose-100);--accent-tint:rgba(238,109,158,0.16);--accent-tint-2:rgba(238,109,158,0.24);--on-accent:#3D0A1F;--focus-ring:var(--rose-400)}[data-theme="dark"] [data-role="admin"],[data-role="admin"][data-theme="dark"]{--accent:var(--blue-400);--accent-strong:var(--blue-400);--accent-pressed:var(--blue-100);--accent-tint:rgba(98,163,232,0.16);--accent-tint-2:rgba(98,163,232,0.24);--on-accent:#0C2440;--focus-ring:var(--blue-400)}