/* Beauty Deutsch — colour tokens. Values verbatim from guidelines/farbpalette.md.
   Mix ratio: ~60% neutrals · 25% rosé · 10% sage · 5% gold/accents. */
:root {
  /* Neutrals */
  --ink-900: #121212;
  --ink-700: #373839;
  --ink-500: #767676;
  --line-200: #E7E7E7;
  --paper: #FBF8F6;
  --white: #FFFFFF;

  /* Rosé — primary accent (beauty signal) */
  --rose-100: #FDF0F5;
  --rose-300: #F8D3E3;
  --rose-500: #F19FC1;
  --rose-700: #D8608F;
  --berry-800: #A33C63;
  --berry-900: #8C2A50;

  /* Sage — secondary (trust, learning progress) */
  --sage-200: #D9E1C5;
  --sage-300: #CFD8B9;
  --sage-600: #7C8C5A;
  --sage-700: #5E6B40;
  --sage-800: #4A5433;

  /* Accents */
  --coral-500: #ED8493;
  --coral-700: #C4515F;
  --lavender-300: #DCC1EE;
  --gold-600: #B08D2A;
  --gold-800: #755C0F;

  /* --- Semantic aliases --- */
  --text-primary: var(--ink-900);
  --text-secondary: var(--ink-700);
  --text-muted: var(--ink-500);          /* only ≥18px */
  --text-on-dark: var(--paper);
  --text-link: var(--berry-800);
  --text-link-hover: var(--berry-900);
  --text-accent: var(--berry-900);        /* accessible rosé text */
  --text-success: var(--sage-700);
  --text-danger: var(--coral-700);
  --text-certificate: var(--gold-800);

  --surface-page: var(--paper);
  --surface-card: var(--white);
  --surface-dark: var(--ink-900);
  --surface-accent-soft: var(--rose-100);
  --surface-accent: var(--rose-500);
  --surface-calm: var(--sage-200);
  --surface-calm-strong: var(--sage-300);
  --surface-badge-new: var(--coral-500);
  --surface-bonus: var(--lavender-300);
  --surface-seal: var(--gold-600);

  --border-subtle: var(--line-200);
  --border-strong: var(--ink-900);
  --border-accent: var(--rose-500);

  --action-primary-bg: var(--rose-500);
  --action-primary-fg: var(--ink-900);
  --action-primary-bg-hover: var(--rose-700);
  --action-secondary-bg: var(--ink-900);
  --action-secondary-fg: var(--paper);
  --action-focus-ring: var(--berry-800);
}