/* Harper Tech Co — design tokens.
   Palette is the existing Harper Tech identity (near-black ground, cyan
   signal, pink dot). Type scale and spacing rhythm are shared with DailyOKC
   so the two sites read as siblings. */

:root {
  /* --- ground ------------------------------------------------------------ */
  --ink: #0a0a0f;           /* page ground */
  --ink-2: #0f0f17;         /* cards on ink */
  --ink-3: #1a1a2e;         /* borders, dividers, dashed grid */
  --ink-4: #262640;         /* hover borders */

  /* --- signal ------------------------------------------------------------ */
  --cyan: #00fff2;          /* primary. labels, links, the active state */
  --cyan-soft: rgba(0, 255, 242, 0.08);
  --pink: #ff0066;          /* the dot. errors, the cpu paddle */
  --green: #00ff88;         /* ok states */
  --amber: #ffaa00;         /* warnings, the typing cursor */

  /* --- text -------------------------------------------------------------- */
  --on-ink: #e8e8ef;
  --on-ink-soft: #9a9ab0;
  --on-ink-dim: #5a5a70;
  --on-ink-mute: #34344a;

  /* --- type -------------------------------------------------------------- */
  --display: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;

  --step--1: clamp(0.76rem, 0.73rem + 0.14vw, 0.85rem);
  --step-0:  clamp(1rem, 0.96rem + 0.2vw, 1.12rem);
  --step-1:  clamp(1.2rem, 1.08rem + 0.55vw, 1.55rem);
  --step-2:  clamp(1.55rem, 1.28rem + 1.3vw, 2.35rem);
  --step-3:  clamp(2rem, 1.45rem + 2.6vw, 3.5rem);
  --step-4:  clamp(2.6rem, 1.5rem + 5vw, 5.4rem);
  --step-5:  clamp(2.7rem, 1.1rem + 7.4vw, 7rem);

  /* --- space ------------------------------------------------------------- */
  --gap: clamp(1rem, 0.7rem + 1.4vw, 1.75rem);
  --pad-x: clamp(1rem, 0.6rem + 2.6vw, 3.5rem);
  --beat-y: clamp(4.5rem, 2.5rem + 8vw, 9rem);
  --shell: 1320px;
  --radius: 8px;

  /* --- motion ------------------------------------------------------------ */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t: 0.5s;
}

/* Konami code swaps to the DailyOKC palette. Pure cosmetics. */
:root[data-theme="okc"] {
  --ink: #12101c;
  --ink-2: #1b1830;
  --ink-3: #272247;
  --ink-4: #3a3468;
  --cyan: #12cfc0;
  --cyan-soft: rgba(18, 207, 192, 0.1);
  --pink: #ff2e7e;
  --green: #ffd23f;
  --on-ink: #f3f1f8;
  --on-ink-soft: #a9a4c2;
}