/* PenCrimson design tokens.
 *
 * The single source of truth for colour, type, and layout. Every page links
 * this file first and site.css second; nothing else on the site defines a
 * colour. Change a value here and the whole site repaints.
 *
 * The ladder's SHAPE mirrors tensorone.cloud (ground -> surface -> line for
 * surfaces; ink / muted / faint for type) so the two sites read as one family.
 * The hue is PenCrimson's: a warm near-black ground and crimson in place of
 * TensorOne's cyan. */
:root {
  /* Neutrals. Warm rather than TensorOne's blue-black, so crimson sits on
     them without turning purple. */
  --ground:    #0B0A0C;   /* the page */
  --ground-2:  #100E11;   /* alternating sections, footer */
  --surface:   #17151A;   /* cards and panels sitting on the ground */
  --surface-2: #1E1B22;   /* hover fills */
  --line:      #2A252D;   /* hairlines, card borders */
  --line-2:    #3A343E;   /* stronger borders, ghost-button edges */
  --ink:       #F3EFF1;   /* primary type */
  --muted:     #A9A1A7;   /* secondary type */
  --faint:     #6F676E;   /* tertiary type, placeholders */

  /* Brand. #610000 is the crimson; it is a SURFACE colour (buttons, bands,
     glows) because at 1.4:1 against the ground it cannot carry small text.
     --accent is the same hue lifted until 12px mono passes 4.5:1 on --ground
     (it measures 5.3:1); use it for eyebrows, links, marks, and highlights. */
  --brand:     #610000;
  --brand-2:   #8C1218;   /* one step up: gradient tops, hover */
  --accent:    #F0424E;
  --accent-2:  #FF6B75;   /* hover for accent text */

  /* Status. */
  --live:      #3DDC84;   /* shipping, in production */
  --dev:       #F5A524;   /* in development */

  --font-sans: "Helvetica Neue", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", "Roboto Mono", Menlo, Consolas, monospace;

  --maxw:   1120px;
  --gutter: clamp(20px, 5vw, 56px);
  --radius: 3px;
}