/* ─────────────────────────────────────────────────────────────────────────────
   tokens.css — Single source of truth for all design tokens
   All other stylesheets and inline <style> blocks consume from here.
   ───────────────────────────────────────────────────────────────────────────── */

:root {

    /* ── Brand ──────────────────────────────────────────────────────────────── */
    --color-primary:       #ff8610;
    --color-primary-hover: #fbb43e;
    --color-success:       #10b981;
    --color-danger:        #ef4444;

    /* ── SnAPP UI tokens (mobile, user-facing) ──────────────────────────────── */
    /* These are consumed directly by index.html inline styles */
    --orange:       #ff8610;
    --orange-hover: #fbb43e;
    --success:      #10b981;
    --danger:       #ef4444;
    --text:         #1c1c1e;
    --muted:        #8e8e93;
    --border:       #e5e7eb;
    --sys-bg:       #f2f2f7;    /* iOS system background */
    --grouped-bg:   #ffffff;
    --shadow:       0 1px 3px rgba(0, 0, 0, 0.10);
    --shadow-lg:    0 8px 24px rgba(0, 0, 0, 0.10);

    /* ── Admin UI tokens (desktop test harness) ─────────────────────────────── */
    /* These are consumed by styles.css. Shadows are heavier for the dark theme. */
    --primary-color:    #ff8610;
    --primary-hover:    #fbb43e;
    --success-color:    #10b981;
    --error-color:      #ef4444;
    --text-color:       #1a1a1a;
    --text-muted:       #4a4a4a;
    --border-color:     #333333;
    --bg-color:         #ffffff;
    --card-bg:          #e2e8f0;
    --input-bg:         #ffffff;
    --shadow-admin:     0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    --shadow-admin-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.7), 0 4px 6px -2px rgba(0, 0, 0, 0.5);

    /* ── Domain colours ─────────────────────────────────────────────────────── */
    --color-vrm-bg:       #FFC500;   /* UK number plate yellow (SnAPP UI) */
    --color-vrm-focus:    #e6b200;   /* VRM input focus border */
    --color-cazana:       #2563eb;   /* Cazana brand blue */
    --color-cap:          #1d4ed8;   /* CAP brand blue */
    --color-slate:        #64748b;   /* Slate muted text */
    --color-slate-dark:   #334155;   /* Slate dark text */
    --color-slate-darker: #1e293b;   /* Slate darkest text */

    /* ── Spacing ────────────────────────────────────────────────────────────── */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;

    /* ── Typography ─────────────────────────────────────────────────────────── */
    --font-sans: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'Charles Wright', monospace;

}