/**
* DA « Lin & Ardoise » — thème d'application (pont vers les composants existants)
*
* Dérivé de la SOURCE DE VÉRITÉ : da-color-tokens.css (variables --da-*).
* Ce fichier réexprime le même contrat de variables que les anciens thèmes
* (--da-bg-page…, --theme-b-*) pour que dashboard.css / controlbar / billing
* s'affichent dans la DA référente SANS réécrire leurs styles.
*
* Usage :
*
*
*
*
*/
.theme-lin-ardoise {
/* —— Fonds page (clair, froid) —— */
--da-bg-page: var(--da-base);
--da-bg-page-mid: #e9e6de;
--da-bg-page-end: var(--da-base-sunken);
--da-halo-sun: var(--da-accent-soft);
--da-halo-sun-fade: rgba(92, 125, 151, 0.07);
/* —— Surfaces (papier) —— */
--da-surface: var(--da-base-raised);
--da-surface-elevated: #ffffff;
/* —— Texte —— */
--da-text: var(--da-ink);
--da-text-muted: var(--da-ink-muted);
/* —— Bordures —— */
--da-border: var(--da-line-strong);
--da-border-soft: var(--da-line);
/* —— Accents (bleu ardoise + taupe) —— */
--da-accent-warm: var(--da-accent);
--da-accent-wood: var(--da-accent-hover);
--da-accent-sage: var(--da-accent-2);
--da-cta-from: var(--da-accent);
--da-cta-to: var(--da-accent-hover);
--da-on-cta: var(--da-accent-ink);
/* —— Ombres (froides, discrètes) —— */
--da-shadow-warm: 0 16px 36px rgba(38, 42, 48, 0.06);
--da-shadow-card: 0 5px 22px rgba(38, 42, 48, 0.06);
--da-shadow-btn: 0 4px 18px rgba(92, 125, 151, 0.18);
--da-radius-card: 18px;
--da-radius-btn: 12px;
--da-radius-pill: 999px;
--da-font-sans: var(--typo-body, "Manrope", system-ui, sans-serif);
--da-font-serif: var(--typo-display, "League Spartan", sans-serif);
/* —— Pont theme-b (composants / controlbar / billing) —— */
--theme-b-bg: var(--da-bg-page);
--theme-b-surface: var(--da-surface-elevated);
--theme-b-subtle: var(--da-bg-page-mid);
--theme-b-page-shell: var(--da-bg-page-end);
--theme-b-text: var(--da-text);
--theme-b-text-muted: var(--da-text-muted);
--theme-b-border: var(--da-border);
--theme-b-border-strong: rgba(38, 42, 48, 0.2);
--theme-b-tag-border: rgba(38, 42, 48, 0.08);
--theme-b-primary: var(--da-ink);
--theme-b-primary-hover: #1b1e22;
--theme-b-on-primary: #f6f7f8;
--theme-b-action: var(--da-cta-from);
--theme-b-action-hover: var(--da-cta-to);
--theme-b-on-action: var(--da-on-cta);
--theme-b-accent-sage: var(--da-accent-sage);
/* Curseurs / cases natifs */
accent-color: var(--da-accent);
--theme-b-tag-bg: #e6e3db;
--theme-b-tag-text: var(--da-ink);
--theme-b-success-bg: #dfe9e2;
--theme-b-success-text: #2d4a3c;
--theme-b-success-border: rgba(45, 74, 60, 0.18);
--theme-b-btn-shadow: var(--da-shadow-btn);
--theme-b-btn-shadow-hover: 0 6px 22px rgba(92, 125, 151, 0.24);
--theme-b-progress-track: rgba(38, 42, 48, 0.1);
--theme-b-danger: #b42318;
--theme-b-danger-muted: #c45c54;
--theme-b-strength-1: #b45346;
--theme-b-strength-2: #c67f2e;
--theme-b-strength-3: #6b8f6b;
--theme-b-strength-4: #2f5d40;
background-color: var(--da-bg-page);
color: var(--da-text);
font-family: var(--da-font-sans);
}
.theme-lin-ardoise ::selection {
background: color-mix(in srgb, var(--da-accent) 30%, var(--da-bg-page-mid));
color: var(--da-text);
}