/* Whitetouch design tokens (direction A, "Gant blanc").
   Light theme is the default; dark follows the OS setting. */

:root {
    /* Color */
    --wt-ink: #18213a;          /* main text, header band, primary button */
    --wt-ivory: #fbfaf7;        /* page background */
    --wt-surface: #ffffff;      /* cards, inputs */
    --wt-mist: #e7e9ef;         /* borders, dividers */
    --wt-muted: #5b6275;        /* secondary text */
    --wt-brass: #b08a3e;        /* accent: logo, rules, focus (decorative or >= 24px) */
    --wt-brass-text: #8a6a2c;   /* accent for small text and links */
    --wt-on-ink: #fbfaf7;       /* text on ink */
    --wt-header-bg: #18213a;
    --wt-btn-bg: #18213a;
    --wt-btn-fg: #fbfaf7;
    --wt-success: #2f7d5b;
    --wt-success-bg: #e3f1ea;
    --wt-warning: #8a5d0c;
    --wt-warning-bg: #f8eed6;
    --wt-danger: #a63d3d;
    --wt-danger-bg: #f7e3e1;
    --wt-info: #3a5a8c;
    --wt-info-bg: #e3e9f3;

    /* Type */
    --wt-font-display: "Bodoni Moda", Didot, "Bodoni 72", Georgia, serif;
    --wt-font-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
    --wt-font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;

    /* Spacing (4px base) */
    --wt-space-1: 4px;
    --wt-space-2: 8px;
    --wt-space-3: 12px;
    --wt-space-4: 16px;
    --wt-space-5: 24px;
    --wt-space-6: 32px;
    --wt-space-7: 48px;
    --wt-space-8: 64px;

    /* Radius */
    --wt-radius-sm: 4px;
    --wt-radius-md: 8px;
    --wt-radius-lg: 12px;

    --wt-shadow-card: 0 1px 2px rgba(24, 33, 58, 0.06), 0 4px 16px rgba(24, 33, 58, 0.06);

    color-scheme: light;
}

@media (prefers-color-scheme: dark) {
    :root {
        --wt-ink: #ece9e1;
        --wt-ivory: #10162a;
        --wt-surface: #18213a;
        --wt-mist: #2a3352;
        --wt-muted: #a3a9b8;
        --wt-brass: #d2b06a;
        --wt-brass-text: #d2b06a;
        --wt-on-ink: #fbfaf7;
        --wt-header-bg: #0b1020;
        --wt-btn-bg: #d2b06a;
        --wt-btn-fg: #10162a;
        --wt-success: #6cc59a;
        --wt-success-bg: #16302a;
        --wt-warning: #e8b65a;
        --wt-warning-bg: #33281a;
        --wt-danger: #f08a8a;
        --wt-danger-bg: #3a1e24;
        --wt-info: #9db8e6;
        --wt-info-bg: #1c2a45;
        --wt-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.25);
        color-scheme: dark;
    }
}