/* Atelier Restored — Color tokens.
   A near-pure-black canvas with white type. The system inverts almost nothing.
   One chromatic accent (signal amber), used sparingly as a brand marker — never a CTA fill.
   The "light line" reflection gradient is the signature decorative element. */
:root {
  /* ---- Surfaces (dark only) ---- */
  --canvas: #000000;          /* true-black page floor */
  --surface-soft: #0a0a0a;    /* spec cells, footer-adjacent strips */
  --surface-card: #141414;    /* cards, secondary buttons, icon buttons */
  --surface-elevated: #1f1f1f;/* nested cards inside dark bands */
  --steel: #2a2a2a;           /* technical / carbon-feel cards */

  /* ---- Hairlines & borders ---- */
  --hairline: #333333;        /* 1px divider on dark surfaces */
  --hairline-strong: #1f1f1f; /* borders that read as one-step elevations */

  /* ---- Text ---- */
  --white: #ffffff;
  --on-dark: #ffffff;         /* headlines + primary text on canvas */
  --body: #b4b4b4;            /* default running text (cooler than white) */
  --body-strong: #e4e4e4;     /* lead paragraph / emphasized body */
  --muted: #767676;           /* footer links, captions, breadcrumbs */

  /* ---- Brand accent (sparing — NEVER a button fill) ---- */
  --signal: #ff5a1f;          /* industrial signal amber — brand marker */
  --signal-deep: #d8430f;     /* pressed / deep state */

  /* ---- Signature: the reflection "light line" ---- */
  --lightline: linear-gradient(90deg,
      #0a0a0a 0%, #3a3a3a 20%, #9a9a9a 42%,
      #ffffff 50%, #9a9a9a 58%, #3a3a3a 80%, #0a0a0a 100%); /* @kind color */
  --lightline-soft: linear-gradient(90deg,
      transparent 0%, #2a2a2a 30%, #6a6a6a 50%, #2a2a2a 70%, transparent 100%); /* @kind color */

  /* ---- Semantic (rare on marketing surfaces) ---- */
  --warning: #f4b400;
  --success: #1fa85b;
  --danger: #e02b2b;

  /* ---- Semantic aliases ---- */
  --text-primary: var(--on-dark);
  --text-body: var(--body);
  --text-strong: var(--body-strong);
  --text-muted: var(--muted);
  --bg-page: var(--canvas);
  --bg-card: var(--surface-card);
  --border-hairline: var(--hairline);
  --accent: var(--signal);
}
