/* ==========================================================================
   Essentía — Color tokens
   Base palette per client color specification (Essentia / Color-Specification / Rev.01):
     No.01 Cool Bone     #F4F1F3
     No.02 Altrosa       #B49CBD
     No.03 Magenta-Grau  #7C3C69
     No.04 Pflaume       #5E3B49
   Everything else (tints, shades, semantic status colors) is derived in the
   same oklch family so additions stay harmonious with the four brand colors.
   ========================================================================== */

:root {
  /* ---- Brand base (do not alter — from client spec) ---- */
  --color-cool-bone: #F4F1F3;
  --color-altrosa: #B49CBD;
  --color-magenta-grau: #7C3C69;
  --color-pflaume: #5E3B49;

  /* ---- Pflaume ramp (derived — for text, surfaces, hover/press states) ---- */
  --color-pflaume-10: oklch(from var(--color-pflaume) 0.97 0.008 h);
  --color-pflaume-20: oklch(from var(--color-pflaume) 0.92 0.015 h);
  --color-pflaume-30: oklch(from var(--color-pflaume) 0.84 0.03 h);
  --color-pflaume-40: oklch(from var(--color-pflaume) 0.72 0.045 h);
  --color-pflaume-50: oklch(from var(--color-pflaume) 0.58 0.06 h);
  --color-pflaume-60: var(--color-magenta-grau);
  --color-pflaume-70: var(--color-pflaume);
  --color-pflaume-80: oklch(from var(--color-pflaume) 0.32 0.06 h);
  --color-pflaume-90: oklch(from var(--color-pflaume) 0.22 0.045 h);
  --color-pflaume-95: oklch(from var(--color-pflaume) 0.14 0.03 h);

  /* ---- Altrosa ramp (derived — dusty rose, secondary accent) ---- */
  --color-altrosa-10: oklch(from var(--color-altrosa) 0.96 0.012 h);
  --color-altrosa-30: oklch(from var(--color-altrosa) 0.88 0.03 h);
  --color-altrosa-50: var(--color-altrosa);
  --color-altrosa-70: oklch(from var(--color-altrosa) 0.55 0.06 h);

  /* ---- Neutrals (warm-tinted, never pure gray/black) ---- */
  --color-white: #FFFFFF;
  --color-bone: var(--color-cool-bone);
  --color-ink: #2B1B22;

  /* ---- Semantic status colors — herbal/apothecary hues in the same family ---- */
  --color-success: #5C7A52;      /* sage — herbal green, not a stock "success green" */
  --color-success-bg: #EEF2E9;
  --color-warning: #B4802E;      /* warm ochre */
  --color-warning-bg: #F8EFDE;
  --color-error: #A23B3B;        /* muted terracotta red */
  --color-error-bg: #F8E9E7;
  --color-info: var(--color-magenta-grau);
  --color-info-bg: var(--color-pflaume-10);

  /* ---- Semantic aliases ---- */
  --surface-page: var(--color-cool-bone);
  --surface-card: var(--color-white);
  --surface-card-raised: var(--color-white);
  --surface-sunken: var(--color-pflaume-10);
  --surface-inverse: var(--color-pflaume);
  --surface-overlay: color-mix(in oklch, var(--color-pflaume) 55%, transparent);

  --text-primary: var(--color-pflaume);
  --text-secondary: var(--color-pflaume-60);
  --text-tertiary: var(--color-pflaume-40);
  --text-on-inverse: var(--color-cool-bone);
  --text-link: var(--color-magenta-grau);
  --text-link-hover: var(--color-pflaume);

  --border-subtle: var(--color-pflaume-20);
  --border-default: var(--color-pflaume-30);
  --border-strong: var(--color-pflaume-50);

  --accent-primary: var(--color-pflaume);
  --accent-primary-hover: var(--color-pflaume-80);
  --accent-primary-press: var(--color-pflaume-90);
  --accent-secondary: var(--color-altrosa);
  --accent-secondary-hover: var(--color-altrosa-70);

  --focus-ring: var(--color-magenta-grau);
}