/* ============================================================
     Tennis Network — design system tokens (collection Semantic)
     Every value aliases the Colour ramps. No raw values below.
     ============================================================ */
  :root{
    color-scheme: light;

    /* night ramp — 14 steps, the numbering of the Figma Color collection */
    --night-0:#FFFFFF;  --night-25:#FAFBFD; --night-50:#F4F6FA; --night-100:#EBEEF5;
    --night-200:#DDE2EC; --night-300:#C7CEDD; --night-400:#9BA5BC; --night-500:#6A7590;
    --night-600:#4E5872; --night-700:#343D55; --night-800:#1E2639; --night-900:#121828;
    --night-950:#0A0F1E; --night-1000:#060914;

    /* royal ramp */
    --royal-50:#EEF2FF; --royal-100:#DCE4FF; --royal-200:#B9C8FF; --royal-300:#8FA6FF;
    --royal-400:#5D7DFA; --royal-500:#3557EE; --royal-600:#1D3ED9; --royal-700:#0F2CB0;
    --royal-800:#0B2286; --royal-900:#0A1B63; --royal-950:#070F38;

    /* circuit wheel — level 600 only below 24px */
    --clay:#B4501F; --ochre:#94661A; --olive:#5C6B22; --grass:#24704A;
    --teal:#0F6F73; --glacier:#1B6C9E; --indigo:#5B4BC4; --plum:#96336B;

    /* semantic — collection Semantic. Every one an alias, none a raw value. */
    --bg:var(--night-0);
    --surface:var(--night-50);
    --line:var(--night-200);
    --line-strong:var(--night-300);
    --ink:var(--night-900);
    --muted:var(--night-600);
    --faint:var(--night-500);
    --icon-inactive:var(--night-400);
    --disabled:var(--night-100);
    --ground:var(--night-1000);
    --primary:var(--royal-700);
    --primary-hover:var(--royal-600);
    --on-primary:var(--night-0);
    --primary-tint:var(--night-50);
    --primary-tint-line:var(--royal-100);
    --on-ground-soft:var(--royal-200);
    --on-ground-accent:var(--royal-300);
    --line-on-ground:var(--night-700);
    --glow:var(--royal-500);
    --avatar-initials:var(--royal-400);
    --verified:var(--royal-700);
    --available:#0E8148;
    --pending:#A96500;
    --negative:#B3261E;
    --danger:var(--negative);
    --unverified:var(--night-500);
    --traveling:var(--ochre);
    /* A venue rating is ink, not gold — the system has no gold. */
    --star:var(--night-900);


    /* shape — collection Radius */
    --r-field:10px; --r-action:12px; --r-card:16px; --r-module:20px; --r-sheet:26px; --r-pill:999px;

    /* elevation — tinted with the night ramp, never black */
    --elev-1:0 1px 2px rgba(10,15,30,.06), 0 2px 8px rgba(10,15,30,.05);
    --elev-2:0 2px 4px rgba(10,15,30,.07), 0 12px 32px -12px rgba(10,15,30,.18);

    --ease:cubic-bezier(.22,.61,.36,1);
  }