/*
 * FailleGlam — the design system, by hand.
 *
 * Ported from the Tailwind v4 @theme block the Next front-end used. The values
 * are the same values; only the delivery changed. Nothing here is generated, so
 * nothing here needs a build step — which is the whole point of the move.
 *
 * Rules that hold across the system:
 *   · Radius is zero everywhere. Deliberately.
 *   · One easing curve, --ease-fg. No others.
 *   · Colour is never hard-coded in a component. Only these tokens.
 */

:root {
  /* ── Ground ── */
  --chalk: #edece6;
  --chalk-2: #e3e1d8;
  --paper: #f6f5f1;

  /* ── Ink ── */
  --ink: #15181a;
  --ink-2: #3a4042;
  --slate: #5f6462;
  --slate-2: #7c817e;

  /* ── Rules ── */
  --rule: #ceccc2;
  --rule-2: #b9b6aa;

  /* ── Viridian, the one accent ── */
  --vir: #0e3a31;
  --vir-2: #1d5a4c;
  --vir-lift: #5e9c8b;
  --signal: #a93a1f;

  /* ── Inverted ground, for commerce ── */
  --nox: #0d100f;
  --nox-2: #161a19;
  --nox-fg: #edece6;
  --nox-muted: #8a918d;
  --nox-rule: #2b312f;

  /* ── Image plate tones, cycled per card ── */
  --plate-1: #d8d6cc;
  --plate-2: #c3c4bc;
  --plate-3: #afb2aa;
  --plate-4: #9ba09b;
  --plate-5: #e2e0d6;
  --plate-6: #868c88;

  /* ── Type ── */
  --font-grot: Archivo, "Helvetica Neue", Arial, sans-serif;
  --font-serif: Gloock, "Didot", "Bodoni MT", Georgia, serif;
  --font-read: Spectral, "Iowan Old Style", Georgia, serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;

  /* ── Measure and rhythm ── */
  --gut: clamp(18px, 3.4vw, 56px);
  --page: 1560px;
  --ease-fg: cubic-bezier(0.19, 1, 0.22, 1);
}

/*
 * Dark is opt-in by attribute, never by prefers-color-scheme. The publication
 * reads as a printed object; the reader asks for dark, the OS does not decide.
 */
:root[data-theme="dark"] {
  --chalk: #101312;
  --chalk-2: #171b19;
  --paper: #0b0d0d;
  --ink: #e9e8e1;
  --ink-2: #c1c5c0;
  --slate: #8b918d;
  --slate-2: #6d736f;
  --rule: #2a302d;
  --rule-2: #3a413d;
  --vir: #7fbfac;
  --vir-2: #5e9c8b;
  --vir-lift: #7fbfac;
  --signal: #e0714f;
  --nox: #171b19;
  --nox-2: #1f2422;
  --nox-fg: #e9e8e1;
  --nox-muted: #8b918d;
  --nox-rule: #333a37;
  --plate-1: #222725;
  --plate-2: #2c3230;
  --plate-3: #373e3b;
  --plate-4: #2a302e;
  --plate-5: #1e2321;
  --plate-6: #434b47;
}