/** * DA Gate — TOKENS COULEUR (source de vérité unique) * Palette validée : « Lin & Ardoise ». * * RÈGLE : toute page / tout composant doit tirer ses couleurs de ces variables, * jamais de valeurs codées en dur. Lier ce fichier dans le : * * * Système 4 couleurs : base très claire + contraste foncé + accent + contre-accent. */ :root { /* ---- Couleurs sources (les 4 piliers) ---- */ --da-base: #f1efe9; /* fond très clair (warm light) */ --da-ink: #262a30; /* texte / contraste principal */ --da-surface: #2a2f36; /* bloc foncé (contraste) */ --da-accent: #5c7d97; /* accent (bleu ardoise feutré) */ --da-accent-2: #9c8b76; /* contre-accent (taupe) */ /* ---- Fonds & surfaces ---- */ --da-base-raised: #f6f4ee; /* carte / panneau légèrement surélevé */ --da-base-sunken: #e7e4dc; /* zone en creux / séparateur doux */ --da-surface-2: #343a43; /* surface foncée secondaire */ /* ---- Texte sur fond clair ---- */ --da-ink-muted: rgba(38, 42, 48, 0.72); /* texte secondaire */ --da-ink-soft: rgba(38, 42, 48, 0.5); /* légendes / hints */ --da-ink-faint: rgba(38, 42, 48, 0.32); /* désactivé */ /* ---- Texte sur surface foncée ---- */ --da-on-surface: #f4f2ec; --da-on-surface-muted: rgba(244, 242, 236, 0.72); --da-on-surface-soft: rgba(244, 242, 236, 0.52); /* ---- Bordures & filets ---- */ --da-line: rgba(38, 42, 48, 0.12); --da-line-strong: rgba(38, 42, 48, 0.22); --da-line-on-surface: rgba(244, 242, 236, 0.16); /* ---- Accent (bleu) ---- */ --da-accent-ink: #f6f7f8; /* texte lisible SUR l'accent */ --da-accent-hover: #4e6a80; /* état survol / actif */ --da-accent-soft: rgba(92, 125, 151, 0.14);/* remplissage discret */ --da-accent-glow: rgba(92, 125, 151, 0.28);/* lueur (dégradés dynamiques) */ /* ---- Contre-accent (taupe) ---- */ --da-accent-2-ink: #1b1e22; /* texte lisible SUR le contre-accent */ --da-accent-2-hover: #857664; --da-accent-2-soft: rgba(156, 139, 118, 0.16); --da-accent-2-glow: rgba(156, 139, 118, 0.26); /* ---- Dégradés dynamiques (effets DA validés) ---- */ --da-grad-1: rgba(92, 125, 151, 0.22); --da-grad-2: rgba(156, 139, 118, 0.22); /* ---- États système ---- */ --da-focus-ring: rgba(92, 125, 151, 0.55); --da-shadow: rgba(38, 42, 48, 0.14); --da-shadow-strong: rgba(38, 42, 48, 0.22); }