/* Tama Living — Color tokens
   Earthy, coastal-boutique palette sampled from the brand logo.
   Forest green + warm bronze/gold, on cream & sand neutrals, with a
   muted sage (the logo's water/waves) as a cool secondary. */
:root {
  /* ---- Brand core ---- */
  --forest-900: #232b26;   /* deepest green — near-black brand dark */
  --forest-700: #303c35;   /* primary forest green (wordmark, dark surfaces) */
  --forest-500: #465349;   /* softened green for secondary text on light */
  --forest-300: #7c8880;   /* muted green-gray */

  --bronze-700: #9a7a4f;   /* deep bronze (pressed/hover on gold) */
  --bronze-500: #b59366;   /* primary gold/bronze accent (LIVING, sun, steps) */
  --bronze-400: #c3a479;   /* lighter sun-gold */
  --bronze-200: #e0cdb0;   /* pale gold tint (borders, fills) */

  --sage-500: #9aa6a4;     /* wave/water sage — cool secondary */
  --sage-300: #bcc4c2;     /* pale sage */

  /* ---- Neutrals ---- */
  --cream: #f4ede5;        /* primary light surface */
  --sand: #e5d9cc;         /* alternate warm surface */
  --sand-dark: #d6c7b4;    /* sand border / divider */
  --paper: #fbf7f1;        /* lightest paper */
  --ink: #1c211e;          /* text on light */
  --white: #ffffff;

  /* ---- Signal (marketing / QR sub-brand only) ---- */
  --signal-yellow: #ffeb04; /* high-vis yellow, used ONLY on pure black promo assets */
  --signal-black: #050505;

  /* ---- Semantic: light theme (default) ---- */
  --bg: var(--cream);
  --surface: var(--paper);
  --surface-sand: var(--sand);
  --text: var(--ink);
  --text-muted: var(--forest-500);
  --text-subtle: var(--forest-300);
  --accent: var(--bronze-500);
  --accent-strong: var(--bronze-700);
  --secondary: var(--sage-500);
  --border: var(--sand-dark);
  --border-subtle: #e8dfd3;
  --on-accent: #fffdf9;

  /* semantic status (kept earthy, not neon) */
  --success: #5f7355;
  --warning: #c08a3e;
  --danger: #a4503f;
  --info: var(--sage-500);
}

/* ---- Dark theme scope (forest surfaces, e.g. hero / footer / dark cards) ---- */
.tama-dark {
  --bg: var(--forest-700);
  --surface: var(--forest-900);
  --surface-sand: #3a463e;
  --text: var(--cream);
  --text-muted: #c3ccc4;
  --text-subtle: #8f9a92;
  --accent: var(--bronze-500);
  --accent-strong: var(--bronze-400);
  --secondary: var(--sage-500);
  --border: #46524a;
  --border-subtle: #3a463e;
  --on-accent: var(--forest-900);
}