/*
 * Refactia — variables de charte (design system).
 *
 * Source unique des valeurs visuelles de l'application connectée.
 * Références : liste des factures (templates/order/liste-document) et
 * éditeur de facture (templates/order/editor, editor/workspace.css).
 *
 * Règles :
 * - préfixe --ds-* réservé à ce fichier, ne jamais le redéfinir ailleurs ;
 * - un composant lit ces variables, il ne recopie pas leurs valeurs ;
 * - les couches de z-index restent dans app/base.css (--z-layer-*).
 * Documentation : doc/design-system/README.md
 */
:root {
    /* Marque */
    --ds-brand: #4cc3bd;
    --ds-brand-hover: #299e9a;
    --ds-brand-tint: rgba(76, 195, 189, 0.12);
    --ds-on-brand: #ffffff;

    /* Accent : survol fort, focus, éléments actifs */
    --ds-accent: #287b76;
    --ds-accent-deep: #206b64;

    /* Encres (palette vert-ardoise de l'éditeur) */
    --ds-ink: #203638;
    --ds-ink-subtle: #55686a;
    --ds-ink-muted: #728183;

    /* Lignes */
    --ds-line: #e3ebe9;
    --ds-line-strong: #d8e4e1;
    --ds-line-hover: #b9d4cf;
    --ds-line-field: #c7dfd6;

    /* Surfaces */
    --ds-surface: #ffffff;
    --ds-bg: #f8fafb;
    --ds-tint-1: #edf4f2;
    --ds-tint-2: #e5f2ef;
    --ds-tint-3: #d7eae3;
    --ds-scrim: rgba(0, 0, 0, 0.5);

    /* États sémantiques (badges de la liste des factures) */
    --ds-neutral-bg: #f3f4f6;
    --ds-neutral-fg: #4b5563;
    --ds-success-bg: #dcfce7;
    --ds-success-fg: #166534;
    --ds-warning-bg: #fef3c7;
    --ds-warning-fg: #92400e;
    --ds-info-bg: #e0f2fe;
    --ds-info-fg: #075985;
    --ds-danger-bg: #fee2e2;
    --ds-danger-fg: #991b1b;
    --ds-danger-tint: #fff6f6;
    --ds-danger-line: rgba(239, 68, 68, 0.32);

    /* Action destructive pleine */
    --ds-danger: #d85c62;
    --ds-danger-hover: #bd454d;

    /* Typographie */
    --ds-font: "Plus Jakarta Sans", sans-serif;
    --ds-text-2xs: 10px;
    --ds-text-xs: 11px;
    --ds-text-sm: 12px;
    --ds-text-md: 13px;
    --ds-text-base: 14px;
    --ds-text-lg: 16px;
    --ds-text-xl: 19px;
    --ds-text-2xl: 22px;
    --ds-weight-medium: 500;
    --ds-weight-semibold: 600;
    --ds-weight-bold: 700;
    --ds-weight-heavy: 800;
    --ds-tracking-tight: -0.035em;
    --ds-tracking-caps: 0.08em;

    /* Rayons */
    --ds-radius-sm: 8px;
    --ds-radius-md: 12px;
    --ds-radius-lg: 16px;
    --ds-radius-pill: 999px;

    /* Espacements (nommés par leur valeur en pixels) */
    --ds-space-4: 4px;
    --ds-space-6: 6px;
    --ds-space-8: 8px;
    --ds-space-10: 10px;
    --ds-space-12: 12px;
    --ds-space-14: 14px;
    --ds-space-16: 16px;
    --ds-space-20: 20px;
    --ds-space-24: 24px;
    --ds-space-28: 28px;

    /* Hauteurs de contrôle */
    --ds-control-sm: 32px;
    --ds-control-md: 38px;
    --ds-control-lg: 42px;
    --ds-control-touch: 44px;

    /* Ombres */
    --ds-shadow-brand: 0 4px 15px rgba(76, 195, 189, 0.3);
    --ds-shadow-brand-hover: 0 6px 20px rgba(76, 195, 189, 0.4);
    --ds-shadow-raised: 0 8px 20px rgba(32, 54, 56, 0.1);
    --ds-shadow-menu: 0 14px 32px rgba(32, 54, 56, 0.14);
    --ds-shadow-panel: -12px 0 36px rgba(32, 54, 56, 0.05);
    --ds-shadow-tooltip: 0 18px 42px rgba(32, 54, 56, 0.24);

    /* Focus */
    --ds-focus-color: var(--ds-accent);
    --ds-focus-ring: 0 0 0 3px rgba(76, 195, 189, 0.18);

    /* Mouvement */
    --ds-duration-fast: 150ms;
    --ds-duration: 180ms;
    --ds-duration-slow: 220ms;
    --ds-ease: ease;
    --ds-ease-emphasized: cubic-bezier(0.2, 0.8, 0.2, 1);
}