/* Facedoor — Color
   Monochromatic warm-neutral system with a single amber accent.
   Amber appears at most THREE times per page: the primary action and the
   single most important datum. Never decorative. See readme "VISUAL FOUNDATIONS". */
:root{
  /* Base — warm off-white paper + warm near-black ink */
  --paper:#FAF9F7;        /* default page background, warm off-white */
  --paper-2:#F2F0EC;      /* alternated section fill, photo placeholder */
  --ink:#111110;          /* primary text, warm near-black */
  --ink-2:#57544E;        /* secondary text */
  --ink-3:#8A857C;        /* tertiary text, caption, metadata */
  --line:#E2DFD8;         /* hairline border (1px) */
  --line-2:#CFCBC2;       /* border on hover / strong divider / neutral bracket */

  /* Dark — for data sections only. Dark is a hierarchy tool, never a theme. */
  --deep:#1A1917;         /* dark section background */
  --deep-2:#262421;       /* card over dark background */

  /* Accent — amber, used with avarice */
  --amber:#B45309;        /* accent on light backgrounds (AA on paper) */
  --amber-light:#F59E0B;  /* accent on dark backgrounds (AAA on deep) */
  --amber-bg:#FDF6EC;     /* very light amber tint for backgrounds */

  /* ---- Semantic aliases ---- */
  --surface:var(--paper);
  --surface-alt:var(--paper-2);
  --surface-deep:var(--deep);
  --surface-deep-card:var(--deep-2);

  --text-primary:var(--ink);
  --text-secondary:var(--ink-2);
  --text-tertiary:var(--ink-3);
  --text-on-deep:var(--paper);
  --text-secondary-on-deep:#B8B3AA;

  --border:var(--line);
  --border-strong:var(--line-2);
  --border-on-deep:#38352F;

  --accent:var(--amber);
  --accent-on-deep:var(--amber-light);
  --accent-bg:var(--amber-bg);
  --accent-text:var(--paper);   /* text that sits ON an amber fill — never ink */
  --focus:var(--amber);
}