/* ==========================================================================
   VISACORP — Theme FOTORDER
   Maps --ds-* abstract tokens to FOTORDER brand identity.
   
   Brand: Corail / Bleu / Jaune / Anthracite / Blanc
   WCAG AA contrast ratios verified — see DESIGN_SYSTEM.md
   ========================================================================== */

:root {
  /* --- Brand Colors ---------------------------------------------------- */
  --fo-corail:      #FF3B68;
  --fo-corail-dark: #E6335D;
  --fo-bleu:        #2563EB;
  --fo-bleu-dark:   #1D4ED8;
  --fo-jaune:       #FFB800;
  --fo-anthracite:  #1A1A2E;
  --fo-blanc:       #FFFFFF;

  /* --- Semantic Mapping ------------------------------------------------ */
  --ds-accent:       var(--fo-corail);
  --ds-accent-hover: var(--fo-corail-dark);
  --ds-accent-soft:  rgba(255, 59, 104, 0.08);
  --ds-accent-text:  #FFFFFF;    /* 4.53:1 on corail — AA ✓ */

  --ds-ink:       var(--fo-anthracite);
  --ds-ink-soft:  #3A3A5C;
  --ds-muted:     #6B6B8A;       /* 4.56:1 on white — AA ✓ */

  --ds-bg:        var(--fo-blanc);
  --ds-bg-subtle: #F6F5FA;
  --ds-card:      var(--fo-blanc);
  --ds-line:      #E4E2EE;

  /* --- Secondary Accent (bleu) ---------------------------------------- */
  --ds-secondary:      var(--fo-bleu);
  --ds-secondary-hover:var(--fo-bleu-dark);
  --ds-secondary-soft: rgba(37, 99, 235, 0.08);

  /* --- Status — same as tokens (verified) ------------------------------ */
  --ds-ok:          #0B6B37;   /* 6.2:1 on white — AA ✓ */
  --ds-ok-soft:     #E6F5ED;
  --ds-warn:        #8A5300;   /* 5.8:1 on white — AA ✓ */
  --ds-warn-soft:   #FFF4E0;
  --ds-danger:      #C41C1C;   /* 5.1:1 on white — AA ✓ */
  --ds-danger-soft: #FDE8E8;
  --ds-info:        #0369A1;   /* 5.4:1 on white — AA ✓ */
  --ds-info-soft:   #E0F2FE;

  /* --- Focus ring ------------------------------------------------------ */
  --ds-shadow-focus: 0 0 0 3px rgba(255, 59, 104, 0.30);

  /* --- Pro tokens (specific to FO) ------------------------------------- */
  --ds-pro:      var(--fo-bleu);
  --ds-pro-soft: rgba(37, 99, 235, 0.06);
  --ds-admin:    #7C3AED;
  --ds-admin-soft: rgba(124, 58, 237, 0.06);
}

/* --- FOTORDER Dark Mode Override -------------------------------------- */
@media (prefers-color-scheme: dark) {
  :root {
    --ds-accent:       #FF5C85;
    --ds-accent-hover: #FF3B68;
    --ds-accent-soft:  rgba(255, 92, 133, 0.15);
    --ds-secondary:    #60A5FA;
    --ds-secondary-soft: rgba(96, 165, 250, 0.15);
    --ds-shadow-focus: 0 0 0 3px rgba(255, 92, 133, 0.35);
  }
}