/* ==========================================================================
   Colors — Dian Pravita MUA
   Natural, warm palette: deep charcoal + soft gold, with cream and blush.
   ========================================================================== */

:root {
  /* --- Ink / warm charcoal (from logo dark) --- */
  --ink-900: #24221D;
  --ink-800: #302D27;
  --ink-700: #423E36;
  --ink-600: #575247;
  --ink-500: #766F60;
  --ink-400: #9A9284;
  --ink-300: #C2B9A9;
  --ink-200: #DED6C7;

  /* --- Cream / ivory surfaces --- */
  --cream-50: #FBF8F2;
  --cream-100: #F5EFE3;
  --cream-200: #ECE3D2;
  --sand-300: #E1D4BC;

  /* --- Gold (from logo gold) --- */
  --gold-800: #85682F;
  --gold-700: #9C7C3F;
  --gold-600: #B8925A;
  --gold-500: #C9A66B;
  --gold-400: #D9BE8B;
  --gold-300: #E9D6AE;

  /* --- Blush (feminine accent, kept natural) --- */
  --blush-200: #F0DED4;
  --blush-300: #E4C7BA;
  --blush-400: #D3AA98;

  --white: #FFFFFF;

  /* ---------- Semantic aliases ---------- */
  --bg: var(--cream-50);
  --bg-alt: var(--cream-100);
  --surface: var(--white);
  --surface-sunken: var(--cream-100);
  --surface-inverse: var(--ink-900);

  --text-heading: var(--ink-900);
  --text-body: var(--ink-800);
  --text-muted: var(--ink-500);
  --text-on-dark: var(--cream-50);
  --text-on-gold: var(--ink-900);

  --accent: var(--gold-500);
  --accent-strong: var(--gold-700);
  --accent-soft: var(--gold-300);

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

  --focus-ring: var(--gold-600);
}