/*
 * Tokens « Craie & Terracotta » (direction Riviera, validée 2026-09-25 —
 * planning/ux-designs/ux-location-2026-09-25/DESIGN.md).
 *
 * UX-DR1 — SOURCE UNIQUE : ces valeurs sont identiques aux tokens Dart
 * (`platform/app/lib/design/tokens.dart`) et chargées par le site public ET
 * le thème Filament (`public/css/filament/partner.css`). Toute modification
 * se fait des trois côtés en même temps ; tests de parité à l'appui
 * (tokens_test.dart côté app, HomeTest côté web).
 *
 * Palette claire sous :root. Palette sombre sous :root.dark — réservée aux
 * dashboards internes et à l'app livreur (suit l'OS) ; le site public
 * n'applique JAMAIS la variante sombre (DESIGN.md, Do/Don't).
 */

:root {
    /* Surfaces */
    --vk-surface-base: #FAF7F2;        /* la craie — fond du site client */
    --vk-surface-raised: #FFFFFF;      /* le blanc carton — cartes, champs, panneaux */

    /* Encres */
    --vk-ink-primary: #2B2622;         /* l'encre café — texte de premier niveau */
    --vk-ink-secondary: #6E655C;       /* la pierre — descriptions, méta */
    --vk-ink-disabled: #A79D8B;        /* le sable sec — placeholders, désactivé */

    /* Accent unique (jamais un statut) */
    --vk-accent: #B0532F;              /* la terracotta */
    --vk-accent-hover: #94431F;
    --vk-on-accent: #FFFFFF;           /* blanc sur terracotta (contraste ≈ 5,1:1) */

    /* Statuts sourds (jamais décoratifs) */
    --vk-success: #3E7C4F;             /* le vert olive */
    --vk-warning: #9C6E1D;             /* l'ambre — badge + icône + texte, jamais seul */
    --vk-danger: #A93A2A;              /* la brique */

    /* Filets */
    --vk-border-hairline: #E7E0D6;     /* le filet craie — séparation par défaut */

    /* Rayons (un seul rayon par élément) */
    --vk-radius-sm: 6px;               /* cases, vignettes, intra-carte */
    --vk-radius-md: 12px;              /* champs, entrées de liste interne */
    --vk-radius-lg: 16px;              /* cartes Univers, panneaux, signature */
    --vk-radius-full: 9999px;          /* boutons, chips, badges, recherche */

    /* Espacement (échelle 4 points) */
    --vk-space-1: 4px;
    --vk-space-2: 8px;
    --vk-space-3: 12px;
    --vk-space-4: 16px;
    --vk-space-5: 20px;
    --vk-space-6: 24px;
    --vk-space-8: 32px;
    --vk-space-10: 40px;
    --vk-space-12: 48px;
    --vk-space-16: 64px;
    --vk-margin-mobile: 20px;
    --vk-margin-desktop: 40px;
    --vk-gutter: 24px;
    --vk-section-gap: 64px;

    /* Typographie — deux voix (serif display uniquement, sans partout ailleurs) */
    --vk-font-serif: Georgia, "Times New Roman", serif;
    --vk-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --vk-text-display-lg: 400 40px/1.1 var(--vk-font-serif);
    --vk-text-display: 400 32px/1.15 var(--vk-font-serif);
    --vk-text-display-sm: 400 24px/1.2 var(--vk-font-serif);
    --vk-text-body-lg: 400 17px/1.6 var(--vk-font-sans);
    --vk-text-body: 400 15px/1.55 var(--vk-font-sans);
    --vk-text-body-sm: 400 13.5px/1.5 var(--vk-font-sans);
    --vk-text-meta: 400 12.5px/1.4 var(--vk-font-sans);
    --vk-text-meta-tracking: 0.05em;
    --vk-text-label-caps: 700 11.5px/1.4 var(--vk-font-sans);
    --vk-text-label-caps-tracking: 0.32em;
    --vk-numeric: tabular-nums;        /* prix et montants, toujours */

    /* Élévation — trois ombres douces teintées d'encre chaude, jamais de
       gris neutre ; repos = aucune ombre (hairline suffit). */
    --vk-shadow-card-hover: 0 18px 40px rgba(43, 38, 34, 0.10);
    --vk-shadow-persistent: 0 10px 28px rgba(43, 38, 34, 0.08);
    --vk-shadow-modal: 0 30px 70px rgba(43, 38, 34, 0.16);

    /* Composants (fond/encre des badges et chips, DESIGN.md `components:`) */
    --vk-badge-availability-bg: #E4EFE7;
    --vk-badge-availability-fg: #2C5E3A;
    --vk-badge-on-request-bg: #F6ECD8;
    --vk-badge-on-request-fg: #7A5714;
    --vk-chip-active-bg: #EBEDDC;
    --vk-chip-active-fg: #5C6538;
    --vk-chip-active-border: #B4BC8F;
}

/*
 * Palette sombre — dashboards internes (exploitant, pilote, partenaire) et
 * app livreur, suit l'OS. Le site public client ne l'applique jamais.
 * NB : --vk-danger n'a pas de variante sombre arrêtée (DESIGN.md, NOTE FOR
 * UX) — la brique claire est réutilisée en attendant. Pas de variante hover
 * sombre de l'accent non plus : --vk-accent sombre tel quel.
 */
:root.dark {
    --vk-surface-base: #201C18;        /* la nuit profonde */
    --vk-surface-raised: #2A251F;      /* carte sombre posée sur la nuit */
    --vk-ink-primary: #F2EDE6;         /* l'encre nocturne */
    --vk-ink-secondary: #A89D90;       /* la pierre nocturne */
    --vk-ink-disabled: #6E655C;        /* [ASSUMPTION DESIGN.md] pierre médiane */
    --vk-accent: #D98A5F;              /* terracotta clair */
    --vk-on-accent: #201C18;           /* bouton dark = encre nocturne sur terracotta clair */
    --vk-success: #8FC79E;
    --vk-warning: #D9B45F;
    --vk-border-hairline: #3A342C;     /* le filet nocturne */
}