/* ============================================================
   COLORS — Sébastien Malice / Excellence en Podologie
   Warm, editorial luxury: metallic gold + deep navy ink,
   a bright clinical sky-blue accent, cream paper.
   ============================================================ */
:root {
  /* --- Neutral ink (cool navy-charcoal, from the brand photography) --- */
  --ink-900: #0B1420;
  --ink-800: #101B2B;
  --ink-700: #1D2A3D;
  --ink-600: #33415A;
  --ink-500: #5A6A80;
  --ink-400: #8794A6;
  --ink-300: #B7C0CD;
  --ink-200: #DCE2EA;
  --ink-100: #EEF1F5;
  --ink-050: #F6F8FA;

  /* --- Paper / cream (warm, for elegant editorial sections) --- */
  --paper:      #FFFFFF;
  --cream:      #FAF7F0;
  --cream-deep: #F3ECDF;
  --cream-line: #E7DDC9;

  /* --- Gold (primary brand — metallic, ranges bronze → highlight) --- */
  --gold-900: #6E5220;
  --gold-800: #8A6A2A;
  --gold-700: #A98237;
  --gold-600: #C29A4B;  /* primary solid gold */
  --gold-500: #CBA85B;
  --gold-400: #DDBE77;
  --gold-300: #E9D298;
  --gold-200: #F2E3BE;
  --gold-100: #F8EFD8;

  /* --- Blue (clinical accent — from the hero pill & illustrations) --- */
  --blue-700: #1E7FC4;
  --blue-600: #2E97DE;
  --blue-500: #4FADEB;
  --blue-400: #67C6FD;  /* the hero accent pill */
  --blue-300: #9BD8FB;
  --blue-200: #C8E7FC;
  --blue-100: #E6F3FE;
  --wash-blue: #C3D8E7; /* soft watercolour illustration ground */

  /* --- Semantic status --- */
  --color-success: #3E9E6B;
  --color-warning: #D8A23B;
  --color-danger:  #C4553D;
  --color-info:    var(--blue-500);

  /* ---------- Semantic aliases (use these in product code) ---------- */
  --text-primary:   var(--ink-900);
  --text-secondary: var(--ink-600);
  --text-muted:     var(--ink-400);
  --text-on-dark:   #F5F2EA;
  --text-on-gold:   var(--ink-900);
  --text-accent:    var(--gold-700);
  --text-link:      var(--blue-600);
  --text-link-hover:var(--blue-700);

  --surface-page:   var(--paper);
  --surface-cream:  var(--cream);
  --surface-ink:    var(--ink-900);
  --surface-card:   #FFFFFF;
  --surface-gold-soft: var(--gold-100);
  --surface-blue-soft: var(--blue-100);

  --border-subtle:  var(--ink-200);
  --border-strong:  var(--ink-300);
  --border-gold:    var(--gold-400);
  --border-cream:   var(--cream-line);

  /* ---------- Gradients (metallic gold is a signature motif) ---------- */
  --gradient-gold: linear-gradient(135deg,#8A6A2A 0%,#C29A4B 22%,#F2E3BE 50%,#C29A4B 78%,#8A6A2A 100%); /* @kind color */
  --gradient-gold-soft: linear-gradient(135deg,#C29A4B 0%,#E9D298 100%); /* @kind color */
  --gradient-ink: linear-gradient(180deg,#101B2B 0%,#0B1420 100%); /* @kind color */
  --gradient-blue: linear-gradient(135deg,#4FADEB 0%,#67C6FD 100%); /* @kind color */
}