:root {
  /* ---- Brand & structural accent ---- */
  --color-primary: #0075de;          /* Notion Blue — the ONLY structural accent */
  --color-primary-active: #005bab;   /* pressed state of primary */
  --color-secondary: #213183;        /* Deep Indigo — hero "night" band only */
  --color-on-primary: #ffffff;

  /* ---- Decorative sticker palette (illustration/dots ONLY, never structural) ---- */
  --color-accent-sky: #62aef0;
  --color-accent-purple: #d6b6f6;
  --color-accent-purple-deep: #391c57;
  --color-accent-pink: #ff64c8;
  --color-accent-orange: #dd5b00;
  --color-accent-orange-deep: #793400;
  --color-accent-teal: #2a9d99;
  --color-accent-green: #1aae39;
  --color-accent-brown: #523410;

  /* ---- Surface ---- */
  --color-canvas: #ffffff;           /* = surface */
  --color-surface: #ffffff;
  --color-canvas-soft: #f6f5f4;      /* signature warm page canvas + footer */
  --color-hairline: #e6e6e6;

  /* ---- Text ---- */
  --color-ink: rgba(0, 0, 0, 0.95);
  --color-ink-solid: #000000;
  --color-ink-secondary: #31302e;
  --color-ink-muted: #615d59;
  --color-ink-faint: #a39e98;

  /* ---- Misc borders used by inputs ---- */
  --color-input-border: #dddddd;
}