/* DecoHaus — Color Tokens
   Archival paper base + restrained Bauhaus/Deco accent set.
   Base values first, semantic aliases below. */

:root {
  /* ---- Base palette ---- */
  --paper: #e8dfcc;           /* Archival Paper — primary canvas, warm & timeless */
  --paper-dim: #ddd2ba;       /* slightly deeper paper for section bands */
  --paper-light: #f1eadd;    /* lightest paper tint, cards on cards */
  --charcoal: #17161a;        /* Charcoal Black — primary text, headlines, line work */
  --stone: #a39a8e;           /* Stone Gray — architectural neutral, balance & depth */
  --stone-light: #c9c1b4;     /* tint of stone for hairlines / disabled */
  --yellow: #e5a929;          /* Construction Yellow — signature accent, optimism & energy */
  --yellow-deep: #c98d16;     /* pressed / shaded yellow */
  --navy: #263c87;            /* Research Navy — knowledge, depth, credibility */
  --navy-deep: #1a2a63;       /* pressed / shaded navy */
  --red: #d8451e;             /* Signal Red — emphasis, action, importance */
  --red-deep: #b6360f;        /* pressed / shaded red */
  --teal: #4d8f8a;            /* secondary accent seen in geometric compositions (sparingly) */
  --black: #0c0b0d;

  /* ---- Semantic aliases ---- */
  --surface-canvas: var(--paper);
  --surface-band: var(--paper-dim);
  --surface-card: var(--paper-light);
  --surface-invert: var(--charcoal);

  --text-primary: var(--charcoal);
  --text-secondary: color-mix(in oklch, var(--charcoal) 68%, var(--paper));
  --text-muted: var(--stone);
  --text-invert: var(--paper);
  --text-accent: var(--red);

  --border-default: color-mix(in oklch, var(--charcoal) 18%, var(--paper));
  --border-strong: var(--charcoal);
  --border-hairline: color-mix(in oklch, var(--charcoal) 12%, var(--paper));

  --accent-primary: var(--yellow);
  --accent-primary-hover: var(--yellow-deep);
  --accent-action: var(--red);
  --accent-action-hover: var(--red-deep);
  --accent-info: var(--navy);
  --accent-info-hover: var(--navy-deep);

  --focus-ring: var(--navy);
}