/* skyhighmau.com — design tokens (Design Bible §1, §9.12a)
   Night is the default. Daylight redefines the same tokens for reading in the sun.
   Components are written against these names only; no literal colors elsewhere. */

:root {
  /* color — named for his world */
  --ink: #0c0b09;        /* Kingston at night, warm not blue: page ground */
  --ink-2: #16140f;      /* the inside of a record sleeve: raised surfaces */
  --line: #2a271f;       /* the groove: hairlines, borders */
  --cream: #efe6d2;      /* the paper of a 1974 label: primary text */
  --cream-2: #b9ae96;    /* the same paper, forty years on: secondary text */
  --gold: #d6a63a;       /* foil on the book spine: the one accent */
  --red: #b3372b;        /* tricolor rule only */
  --green: #2f6b3a;      /* tricolor rule only */

  /* semantic aliases used across Shop, Hub, Music & Sola Studio */
  --obsidian: var(--ink);
  --coal: var(--ink-2);
  --bone: var(--cream);
  --bone-dim: var(--cream-2);
  --hair: var(--line);
  --hair-2: var(--line);

  /* type */
  --display: "Big Shoulders Display", "Cormorant Garamond", "Arial Narrow", Impact, sans-serif;
  --body: "Newsreader", "Plus Jakarta Sans", Georgia, "Times New Roman", serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-body: 1.125rem;   /* 18px floor on phones (bible §9.3) */
  --fs-small: 0.95rem;
  --lh-body: 1.6;
  --measure: 65ch;

  /* space, shape */
  --gutter-l: max(16px, env(safe-area-inset-left, 0px));
  --gutter-r: max(16px, env(safe-area-inset-right, 0px));
  --max-w: 1180px;
  --band-y: clamp(3rem, 7vw, 5.5rem);
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.85rem;
  --s-4: 1.25rem;
  --s-5: 1.75rem;
  --s-6: 2.5rem;
  --s-7: 3.5rem;
  --r-btn: 3px;
  --r-img: 4px;
  --r-card: 6px;
  --r-1: 3px;
  --r-2: 6px;
  --target: 48px;        /* minimum tap target (bible §9.3) */

  color-scheme: dark;
}

/* Daylight: cream paper, near-black type, gold darkened to hold contrast */
:root[data-theme="daylight"] {
  --ink: #f6f1e6;
  --ink-2: #ffffff;
  --line: #d9d2c0;
  --cream: #15130f;
  --cream-2: #4a453a;
  --gold: #846611;
  color-scheme: light;
}