/* Source unique du langage visuel FHCLM. Voir docs/systeme-visuel.md. */
@layer reset, components, modules, utilities;

:root {
  color-scheme: light dark;
  --ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ui-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ui-text: light-dark(#17324f, #e3ecf5);
  --ui-muted: light-dark(#586d82, #a8bbcd);
  --ui-subtle: light-dark(#5b6e82, #92a7bc);
  --ui-bg: light-dark(#f5f7fb, #101923);
  --ui-surface: light-dark(#ffffff, #182330);
  --ui-surface-soft: light-dark(#f0f4f8, #1f2e3e);
  --ui-hover: light-dark(#e8eff6, #283b50);
  --ui-border: light-dark(#d6e0ea, #35495e);
  --ui-border-strong: light-dark(#8196aa, #627c95);
  --ui-accent: light-dark(#24669b, #9acdf9);
  --ui-accent-soft: light-dark(#eaf2fb, #243c55);
  --ui-primary: light-dark(#1d5483, #85bef0);
  --ui-primary-hover: light-dark(#163e62, #aad6fa);
  --ui-on-primary: light-dark(#ffffff, #102237);
  --ui-success: light-dark(#24684e, #89d6b2);
  --ui-success-soft: light-dark(#eaf6ef, #193c32);
  --ui-success-border: light-dark(#a8cfb9, #3a7962);
  --ui-warning: light-dark(#805514, #f0c77c);
  --ui-warning-soft: light-dark(#fff6e6, #3d3020);
  --ui-warning-border: light-dark(#dfc38e, #8a6b34);
  --ui-danger: light-dark(#a52c3b, #ffa8b3);
  --ui-danger-soft: light-dark(#fff0f2, #432630);
  --ui-danger-border: light-dark(#e5b1b9, #995563);
  /* Accents de repérage, distincts des couleurs de succès et d’erreur. */
  --ui-indigo: light-dark(#5550a2, #b9b4fb);
  --ui-plum: light-dark(#743b72, #e2b4df);
  --ui-plum-soft: light-dark(#f6edf6, #38263c);
  --ui-teal: light-dark(#17685e, #8ad9cc);
  --ui-teal-soft: light-dark(#eaf6f2, #173c37);
  --ui-focus: light-dark(#28689e, #83c0f5);
  --ui-chart-plan: light-dark(#7b8da1, #8297ab);
  --ui-overlay: light-dark(rgb(9 24 40 / 48%), rgb(0 0 0 / 68%));
  --ui-shadow-color: light-dark(rgb(20 40 65 / 12%), rgb(0 0 0 / 30%));
  --ui-shadow-sm: 0 2px 8px var(--ui-shadow-color);
  --ui-shadow: 0 12px 32px var(--ui-shadow-color);
  /* Supports de prévisualisation : indépendants du thème et des exports. */
  --ui-preview-paper: #ffffff;
  --ui-preview-checker: #eef1f4;
  --ui-radius-sm: 6px;
  --ui-radius: 8px;
  --ui-radius-panel: 12px;
  --ui-radius-pill: 999px;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 24px;
  --ui-space-6: 32px;
  --ui-control-height: 44px;
  --ui-control-padding: 10px 14px;
  --ui-text-sm: .8125rem;
  --ui-text-control: .875rem;
  --ui-title: clamp(1.75rem, 4vw, 2.25rem);
  --ui-heading: 1.125rem;
  --ui-page-width: 1480px;
  /* Couleurs de contenu des aperçus téléphone, indépendantes du thème du portail. */
  --ui-phone-paper: #fff;
  --ui-phone-ink: #17191c;
  --ui-phone-muted: #686b74;
  --ui-phone-bubble: #e9e9ec;
  --ui-phone-frame: #20242b;
  --ui-phone-shadow: #0003;
  --ui-phone-night-paper: #141518;
  --ui-phone-night-ink: #f3f4f6;
  --ui-phone-night-muted: #b4b8c0;
  --ui-phone-night-bubble: #303238;
  --ui-phone-sky: #becce3;
  --ui-phone-lilac: #ded0ea;
  --ui-phone-horizon: #9eb6ce;
  --ui-phone-night-sky: #172c42;
  --ui-phone-night-lilac: #343047;
  --ui-phone-night-horizon: #234652;
  --ui-phone-soft-shadow: #0001;
  --ui-phone-sms-icon: #34c759;
  --ui-phone-google-icon: #1a73e8;
  --ui-phone-link: #1675e8;
  --ui-phone-avatar: #888e99;

}
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }