/* Meltin — Color tokens
   Palette lifted from the brand's product photography: warm cream paper,
   terracotta/blush hero backdrops, deep-teal ceramic, brass, pistachio, chocolate.
   The logo is minimal black-on-cream, so INK is the primary action color. */

:root {
  /* ---- Base scales ---- */

  /* Ink (near-black, warm) — the logo color, primary UI text & actions */
  --ink-900: #1C1B1A;
  --ink-800: #2C2A28;
  --ink-700: #423E3A;
  --ink-600: #5C564F;
  --ink-500: #7A736A;

  /* Warm neutrals / paper */
  --paper-000: #FFFFFF;
  --paper-050: #FBF7F1;   /* app background */
  --paper-100: #F5EDE4;   /* warm cream surface */
  --paper-200: #EBE0D3;   /* muted card / hover */
  --paper-300: #DED0BE;   /* borders on cream */
  --paper-400: #C9B7A0;   /* strong hairline / disabled */

  /* Terracotta / blush — the signature hero backdrop, warm accent */
  --terracotta-050: #F6E4DC;
  --terracotta-200: #E3B4A3;
  --terracotta-400: #C98A76;  /* hero backdrop */
  --terracotta-600: #B0664F;  /* text-safe accent */
  --terracotta-700: #92503C;

  /* Teal — the ceramic plate, cool counterpoint */
  --teal-050: #DDEAE8;
  --teal-400: #4B8F8A;
  --teal-600: #2C6E6A;
  --teal-800: #1E4E4B;

  /* Brass / gold — foil-print premium accent */
  --brass-300: #D8BE8E;
  --brass-500: #C0A164;
  --brass-600: #A6813D;   /* text-safe gold */

  /* Pistachio — garnish green */
  --pistachio-400: #A7B36A;
  --pistachio-600: #7C8A44;

  /* Chocolate — deep dessert brown */
  --chocolate-600: #5A3A2A;
  --chocolate-800: #3A251B;

  /* Utility / status */
  --veg-500: #3A7D44;      /* veg indicator dot */
  --success-600: #3A7D44;
  --danger-600: #B23B2E;
  --star-500: #E0A526;     /* rating star */

  /* ---- Semantic aliases ---- */
  --bg-app: var(--paper-050);
  --surface-card: var(--paper-000);
  --surface-cream: var(--paper-100);
  --surface-inverse: var(--ink-900);

  --text-strong: var(--ink-900);
  --text-body: var(--ink-800);
  --text-muted: var(--ink-500);
  --text-inverse: var(--paper-050);
  --text-accent: var(--terracotta-600);
  --text-gold: var(--brass-600);

  --border-hairline: var(--paper-300);
  --border-strong: var(--paper-400);

  --action-primary: var(--ink-900);
  --action-primary-hover: var(--ink-700);
  --action-accent: var(--terracotta-600);
  --action-accent-hover: var(--terracotta-700);

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