/* ============================================ R3D — Design Tokens ============================================ */
:root {
    /* Charte — primaire #e74c3c · secondaire #2d3436 · accent #f39c12 */
    --c-primary: #e74c3c;
    --c-primary-dark: #c0392b;
    --c-primary-light: #f1948a;
    --c-secondary: #2d3436;
    --c-secondary-light: #636e72;
    --c-accent: #f39c12;
    --c-accent-dark: #d68910;

    /* UI surfaces */
    --c-bg: #f8f9fa;
    --c-surface: #ffffff;
    --c-ink: #2d3436;
    --c-ink-muted: #636e72;
    --c-border: #dfe6e9;

    /* Typography */
    --font-head: 'Syne', sans-serif;
    --font-body: 'DM Sans', sans-serif;

    /* Spacing */
    --space-xs: .25rem;
    --space-sm: .5rem;
    --space-md: 1rem;
    --space-lg: 2rem;
    --space-xl: 4rem;
    --space-2xl: 8rem;

    /* Radius */
    --r-sm: 6px;
    --r-md: 12px;
    --r-lg: 24px;
    --r-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(45, 52, 54, .08);
    --shadow-md: 0 8px 32px rgba(45, 52, 54, .13);
    --shadow-lg: 0 24px 64px rgba(45, 52, 54, .18);

    /* Motion */
    --ease: cubic-bezier(.4, 0, .2, 1);
    --dur-fast: 200ms;
    --dur-med: 400ms;
    --dur-slow: 700ms;

    /* Admin aliases */
    --p: #e74c3c;
    --p-dark: #c0392b;
    --p-light: #f1948a;
    --s: #2d3436;
    --fh: 'Syne', sans-serif;
    --fb: 'DM Sans', sans-serif;
    --r: 10px;
    --r-lg: 16px;
}

/* Admin themes */
[data-theme="dark"] {
    --bg: #0f1117;
    --bg2: #1a1d27;
    --bg3: #22263a;
    --border: rgba(255, 255, 255, .08);
    --text: #e4e6f0;
    --text2: #8a8faa;
    --text3: #5a5f78;
    --surface: #1a1d27;
    --card: #22263a;
}

[data-theme="light"] {
    --bg: #f8f9fa;
    --bg2: #ffffff;
    --bg3: #f1f3f4;
    --border: rgba(0, 0, 0, .08);
    --text: #2d3436;
    --text2: #636e72;
    --text3: #9ba0bb;
    --surface: #ffffff;
    --card: #ffffff;
}