/* Auto-généré par GasDesignTokensCssService — palette HSL + units + fonts du tenant.
 * Override le fichier racine config/gas-design-tokens.css (defaults).
 * Édité via /admin/design/ → Identité visuelle.
 */
:root {
    --gas-primary-h: 192;
    --gas-primary-s: 72%;
    --gas-primary-l: 21%;
    --gas-secondary-h: 210;
    --gas-secondary-s: 18%;
    --gas-secondary-l: 28%;
    --gas-accent-h: 40;
    --gas-accent-s: 48%;
    --gas-accent-l: 51%;
    --gas-neutral-h: 200;
    --gas-neutral-s: 10%;
    --gas-neutral-l: 32%;
    --gas-space-unit: 4px;
    --gas-radius-unit: 8px;
    --gas-root-font-pct: 100%;
    --gas-font-family: "Source Sans 3 Variable", system-ui, sans-serif;
    --gas-font-family-heading: "Fraunces Variable", Georgia, serif;
    --gas-font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;
    --gas-bg-page: #f4f1ea;
    --gas-bg-surface: #fffcf7;
    --gas-bg-surface-alt: #e7efe8;
    --gas-text-color: #1a2a32;
    --gas-text-color-muted: #5b6b73;
    --gas-border-color: #d5ddd6;
    --gas-success: hsl(152, 56%, 40%);
    --gas-success-light: hsl(152, 56%, 92%);
    --gas-success-dark: hsl(152, 56%, 32%);
    --gas-success-text: hsl(152, 56%, 20%);
    --gas-warning: hsl(38, 90%, 50%);
    --gas-warning-light: hsl(38, 90%, 92%);
    --gas-warning-dark: hsl(38, 90%, 42%);
    --gas-warning-text: hsl(38, 60%, 28%);
    --gas-danger: hsl(0, 65%, 50%);
    --gas-danger-light: hsl(0, 65%, 94%);
    --gas-danger-dark: hsl(0, 65%, 40%);
    --gas-danger-border: hsl(0, 65%, 80%);
    --gas-info: hsl(205, 75%, 48%);
    --gas-container-default: 1180px;
    --gas-container-wide: 1360px;
}

/* Nuances dérivées — méthode « hsl » (GasDesignTokensCssService::buildDerivationCss).
 * Couche 1 (toujours émise, additive) : rampe 50→950 par rôle + alias
 * sémantiques (-bg-subtle/-border/-hover/-text).
 * Couche 2 (régression-sensible) : alias legacy (-dark/-light…) + états,
 * émis UNIQUEMENT quand une méthode perceptuelle ou un pin est actif (sinon
 * ces nuances restent celles du calc() du fichier racine = zéro régression).
 */
:root {
    --gas-primary-50: #f2fbfd;
    --gas-primary-100: #e5f6fb;
    --gas-primary-200: #c2ebf5;
    --gas-primary-300: #96dcee;
    --gas-primary-400: #6acee7;
    --gas-primary-500: #3ebfe0;
    --gas-primary-600: #22afd3;
    --gas-primary-700: #1d92af;
    --gas-primary-800: #17758c;
    --gas-primary-900: #115869;
    --gas-primary-950: #0b3a46;
    --gas-primary-bg-subtle: var(--gas-primary-100);
    --gas-primary-border: var(--gas-primary-300);
    --gas-primary-hover: var(--gas-primary-600);
    --gas-primary-text: var(--gas-primary-800);
    --gas-secondary-50: #f6f7f9;
    --gas-secondary-100: #edf0f2;
    --gas-secondary-200: #d5dbe2;
    --gas-secondary-300: #b7c2cd;
    --gas-secondary-400: #99a8b8;
    --gas-secondary-500: #7b8fa3;
    --gas-secondary-600: #647a90;
    --gas-secondary-700: #546678;
    --gas-secondary-800: #435260;
    --gas-secondary-900: #323d48;
    --gas-secondary-950: #212930;
    --gas-secondary-bg-subtle: var(--gas-secondary-100);
    --gas-secondary-border: var(--gas-secondary-300);
    --gas-secondary-hover: var(--gas-secondary-600);
    --gas-secondary-text: var(--gas-secondary-800);
    --gas-accent-50: #fbf9f4;
    --gas-accent-100: #f7f2e8;
    --gas-accent-200: #ece1ca;
    --gas-accent-300: #dfcca4;
    --gas-accent-400: #d2b67f;
    --gas-accent-500: #c5a159;
    --gas-accent-600: #b58e40;
    --gas-accent-700: #977635;
    --gas-accent-800: #795f2a;
    --gas-accent-900: #5b4720;
    --gas-accent-950: #3c2f15;
    --gas-accent-bg-subtle: var(--gas-accent-100);
    --gas-accent-border: var(--gas-accent-300);
    --gas-accent-hover: var(--gas-accent-600);
    --gas-accent-text: var(--gas-accent-800);
    --gas-neutral-50: #f7f8f8;
    --gas-neutral-100: #eef0f1;
    --gas-neutral-200: #d8dcdf;
    --gas-neutral-300: #bcc4c8;
    --gas-neutral-400: #a0abb1;
    --gas-neutral-500: #84939a;
    --gas-neutral-600: #6e7e87;
    --gas-neutral-700: #5c6970;
    --gas-neutral-800: #49545a;
    --gas-neutral-900: #373f43;
    --gas-neutral-950: #252a2d;
    --gas-neutral-bg-subtle: var(--gas-neutral-100);
    --gas-neutral-border: var(--gas-neutral-300);
    --gas-neutral-hover: var(--gas-neutral-600);
    --gas-neutral-text: var(--gas-neutral-800);
}