/* ============================================================
   Brisa — Color tokens
   THREE palettes live here. Keep them separate; never mix.

   1. BRAND DIGITAL   — website, listings, decks (warm neutrals + soft accents)
   2. DAYLO ENCLOSURE — physical Daylo front/back colors (matte, never neon)
   3. E-PAPER UI      — the device screen. ONLY four values. No others.

   Daylo enclosure hex is for digital preview only; the physical
   Bambu material swatch is the production master.
   ============================================================ */

:root {
  /* ---- 1. BRAND DIGITAL: base neutrals ---------------------- */
  --paper-white: #ffffff;       /* primary surface */
  --off-white: #fbf7f3;         /* subtle warm page bg */
  --linen-beige: #f7e6de;       /* soft section background */
  --oat-latte: #d3b7a7;         /* second-plane / tint base */
  --quiet-charcoal: #000000;    /* primary text (use sparingly at scale) */
  --near-black: #1d1d1b;        /* logo + warm-black ink */
  --ink-soft: #3a3733;          /* warm body text on light */
  --ink-muted: #8c857d;         /* secondary / captions */
  --hairline: #ece3da;          /* warm separators on paper */

  /* ---- 1. BRAND DIGITAL: soft accents ----------------------- *
   * Use AT MOST ONE strong accent per section. The product
   * carries the color; the page must not become a pastel blur.  */
  --accent-ice: #a3d8e1;        /* Nordic Ice — calm cool highlight */
  --accent-apple: #c2e189;      /* Spring Apple — fresh highlight */
  --accent-lilac: #ae96d4;      /* Soft Lilac — calm highlight */
  --accent-lemon: #f7d959;      /* Lemon Cream — sparingly */
  --accent-mandarin: #f99963;   /* Soft Mandarin — sparingly */
  --accent-terracotta: #b15533; /* Warm Terracotta — earthy emphasis */
  --accent-moss: #68724d;       /* Moss Green — earthy emphasis */

  /* ---- 2. DAYLO ENCLOSURE palette (matte material) ---------- */
  --daylo-paper-white: #ffffff;
  --daylo-linen-beige: #f7e6de;
  --daylo-quiet-charcoal: #000000;
  --daylo-petal-pink: #e8afcf;
  --daylo-nordic-ice: #a3d8e1;
  --daylo-lemon-cream: #f7d959;
  --daylo-soft-lilac: #ae96d4;
  --daylo-mist-ash: #9b9ea0;
  --daylo-spring-apple: #c2e189;
  --daylo-soft-mandarin: #f99963;
  --daylo-oat-latte: #d3b7a7;
  --daylo-walnut-brown: #7d6556;
  --daylo-warm-terracotta: #b15533;
  --daylo-dune-tan: #e8dbb7;
  --daylo-cocoa-brown: #6f5034;
  --daylo-moss-green: #68724d;

  /* ---- 3. E-PAPER UI palette (device only — 4 colors) ------- */
  --epaper-paper: #ffffff;      /* background */
  --epaper-ink: #000000;        /* highest contrast / key values */
  --epaper-dark: #616161;       /* secondary text + metrics */
  --epaper-light: #bfbfbf;      /* status, separators, third level */

  /* ---- Semantic aliases (brand digital) --------------------- */
  --surface-page: var(--off-white);
  --surface-card: var(--paper-white);
  --surface-soft: var(--linen-beige);
  --surface-sunk: #f1e7df;          /* oat-latte tint */
  --text-primary: var(--near-black);
  --text-body: var(--ink-soft);
  --text-muted: var(--ink-muted);
  --border-hairline: var(--hairline);
  --border-strong: var(--near-black);
  --focus-ring: #6f8d96;            /* desaturated ice for focus */
}