/* Doggenius color tokens — source: doggenius-oud CLAUDE.md (Design System v1.0)
   Base scales + semantic aliases. Aliases are what components read;
   surface themes (themes/doggenius-care.css) re-point aliases, never scales. */
:root {
  /* — Violet scale (primary brand) — */
  --violet-50:  #FAF5FF;
  --violet-100: #F3E8FF;
  --violet-200: #E9D5FF;  /* gradient end */
  --violet-300: #D8B4FE;
  --violet-400: #C084FC;
  --violet-500: #A78BFA;
  --violet-600: #8B5CF6;  /* PRIMARY BRAND COLOR */
  --violet-700: #7C3AED;  /* hover */
  --violet-800: #6D28D9;  /* pressed */
  --violet-900: #5B21B6;

  /* — Golden Hour accent (max 10–15% of any gradient; never a primary action) — */
  --golden-hour:       #FFE5CC;
  --golden-hour-light: #FFF5EB;

  /* — Black & white contrast — */
  --black: #000000;
  --white: #FFFFFF;

  /* — Grays (supporting) — */
  --gray-50:  #FAFAFA;  /* body background */
  --gray-100: #F5F5F5;  /* section backgrounds */
  --gray-200: #E5E7EB;  /* subtle borders */
  --gray-300: #D1D5DB;
  --gray-400: #9CA3AF;
  --gray-500: #6B7280;  /* secondary text */
  --gray-600: #4B5563;
  --gray-700: #374151;
  --gray-800: #1F2937;
  --gray-900: #111827;  /* primary text */

  /* — Semantic — */
  --success: #10B981;
  --warning: #F59E0B;
  --error:   #EF4444;
  --info:    #3B82F6;

  /* ————— Warme neutralen & ankertoon (v3.1 demping) ————— */
  --ink:        #2B2320;  /* warm donkerbruin-grijs — vervangt gray-900 als tekst */
  --ink-soft:   #7C6F66;  /* warme secundaire tekst */
  --anchor:     #3B2A45;  /* diepe warme aubergine (richting violet-900) — koppen, grote cijfers, nav */
  --cream-page: #FBEEDC;  /* pagina: fractie dieper crème dan golden-hour-light */
  --cream-card: #FFFDF8;  /* kaarten: warm wit i.p.v. puur wit */
  --cream-rest: #F5E9D6;  /* warme rust i.p.v. koel grijs */
  --warm-border: #EBDCC8; /* warme functionele rand (inputs) */
  --warm-border-subtle: #F2E7D8;

  /* ————— Semantic aliases (components read these) ————— */
  --color-primary:        var(--violet-700);  /* gedempt: acties op 700 (#7C3AED), niet 600 */
  --color-primary-hover:  var(--violet-800);
  --color-primary-active: var(--violet-900);
  --accent-violet:        var(--violet-600);  /* volle #8B5CF6 alleen voor kleine accenten (iconen, links) */
  --color-accent:         var(--golden-hour);
  --color-accent-soft:    var(--golden-hour-light);
  --color-tint:           var(--violet-100);  /* violet alt-vlak (klein accent) */
  --color-tint-soft:      var(--violet-50);

  --surface-page:    var(--cream-page);
  --surface-card:    var(--cream-card);
  --surface-rest:    var(--cream-rest);
  --surface-inverse: var(--anchor);   /* diepe aubergine i.p.v. zwart */
  --surface-alt:     var(--cream-card);
  --text-on-alt:     var(--ink);
  --border-on-alt:   var(--warm-border-subtle);

  --text-primary:    var(--ink);
  --text-anchor:     var(--anchor);   /* koppen, grote cijfers, navigatie */
  --text-strong:     var(--anchor);
  --text-secondary:  var(--ink-soft);
  --text-on-inverse: var(--white);
  --text-on-primary: var(--white);
  --text-link:       var(--accent-violet);
  --text-link-hover: var(--violet-700);

  /* Randen zijn FUNCTIONEEL (inputs, focus) — diepte komt van schaduw, niet van randen */
  --color-border:             var(--warm-border);
  --color-border-subtle:      var(--warm-border-subtle);
  --color-border-interactive: var(--accent-violet);
  --focus-ring:               var(--accent-violet);

  /* Secundaire knop: een warm-witte "oppakbare" pill met zachte schaduw */
  --btn-secondary-bg:           var(--cream-card); /* @kind color */
  --btn-secondary-border-color: transparent; /* @kind color */
}