/* Kmusta — Salu-Salo palette (recommended, brand-identity-guide.md A4 Palette 1)
   "The trio's own colors, grounded in cream and espresso — the menu IS the palette."
   Roles are law: cream backgrounds · barako body text · ube headers/logo/primary
   buttons · MANGO GOLD STRICTLY FOR CTAs ("Check your date" / "Book now") ·
   pandan secondary accents + success states. Mango Gold is accent-only, never body text. */
:root {
  /* Core five */
  --color-ube: #6B4E9B;        /* Primary / brand — headers, logo, primary buttons */
  --color-pandan: #5FA97C;     /* Secondary accent, success states */
  --color-cream: #F5EDE0;      /* Kapé Cream — warm base / backgrounds */
  --color-barako: #3E2A20;     /* Barako Brown — text / grounding */
  --color-mango: #F2A93B;      /* Mango Gold — CTA / highlight ONLY */

  /* Trio badge colors (brand-identity-guide.md A3) */
  --color-trio-ube: #6B4E9B;
  --color-trio-pandan: #5FA97C;
  --color-trio-arnibal: #A9743A; /* muscovado-amber, Barako Brown family (derived — flag) */

  /* Derived tints & states (derived from the core five — not in the foundry) */
  --color-ube-deep: #55407D;     /* ube hover/press */
  --color-ube-tint: #EFEAF6;     /* ube wash for chips, active rows */
  --color-mango-deep: #DE9425;   /* mango hover/press */
  --color-pandan-tint: #E9F3EC;  /* success wash */
  --color-cream-deep: #EDE2CF;   /* pressed cream, table stripes */

  /* Surfaces & text */
  --color-surface: #FFFCF7;      /* card/panel surface — warm near-white */
  --color-hairline: rgba(62, 42, 32, 0.14);  /* barako hairline borders */
  --color-ink: var(--color-barako);
  --color-ink-soft: #6A5548;     /* secondary copy */
  --color-ink-faint: #97806F;    /* captions, placeholders */
  --color-on-ube: #FFFFFF;       /* AA on Ube Purple */
  --color-on-mango: #3E2A20;     /* barako on mango — gold is never body text */
  --color-on-barako: #F5EDE0;    /* cream lettering on barako boards */

  /* Semantic aliases */
  --surface-page: var(--color-cream);
  --surface-card: var(--color-surface);
  --surface-board: var(--color-barako);   /* menu-board dark surface */
  --text-body: var(--color-ink);
  --text-secondary: var(--color-ink-soft);
  --text-muted: var(--color-ink-faint);
  --border-card: var(--color-hairline);
  --cta-bg: var(--color-mango);
  --cta-text: var(--color-on-mango);
  --link-color: var(--color-ube);
  --success: var(--color-pandan);
}

/* Palette 2 — "Manila Dusk" (premium/evening: luxury wedding collateral) */
[data-theme="manila-dusk"] {
  --color-ube: #3B2A52;         /* deep aubergine takes the lead role */
  --color-cream: #FAF6EF;       /* off-white */
  --color-mango: #C9A24B;       /* antique gold CTA */
  --color-pandan: #E8C5C1;      /* blush accent */
  --surface-page: #FAF6EF;
}

/* Palette 3 — "Fiesta" (festival/walk-up ONLY — never weddings) */
[data-theme="fiesta"] {
  --color-ube: #7C5CBF;         /* brighter ube */
  --color-pandan: #8FC93A;      /* calamansi green */
  --color-mango: #E4572E;       /* warm red highlight */
  --color-cream: #FFF8EC;
  --surface-page: #FFF8EC;
}