/* ==========================================================================
   kontest — design tokens (v2.0 · light/premium refresh)
   The foundation moved from a warm near-black canvas to a warm, airy off-white
   stack — a deliberate break from the dark + neon-orange look and a step toward
   a more premium, editorial feel. The brand essentials are untouched:
   one earned orange accent, the kontest-type + semantic data colors, Oswald +
   Inter, the orange period. Do not invent new hex values outside this file.
   ========================================================================== */

:root {
  /* Foundation — warm off-white stack. Soft, paper-like, never stark white. */
  --bg: #FAF8F4;
  --bg-2: #F2EDE5;
  --surface: #FFFFFF;
  --surface-2: #F6F1E9;
  --line: #E7DFD3;
  --line-soft: rgba(40, 33, 28, .08);

  /* Ink — warm near-black, never pure black. */
  --text: #1A1410;
  --text-2: #5A514A;
  --text-3: #938A81;
  --text-on-accent: #1A1410;

  /* Accent — the one true brand color. Earned, never decorative. */
  --accent: #F88A2F;
  --accent-deep: #D75A07;
  --accent-soft: rgba(248, 138, 47, .12);

  /* Semantic + data (tuned for legibility on a light ground) */
  --live: #21A957;
  --live-deep: #14803F;
  --danger: #E23C3A;
  --cool: #1FA9E8;
  --cool-deep: #007FBC;
  --teal: #00A98C;
  --intensity: #C98A00;
  --blue-click: #6A72E6;
  --like: #0090D8;

  /* Kontest types */
  --kt-reps: #D97706;
  --kt-weight: #2F77D6;
  --kt-distance: #0E9F6E;
  --kt-steps: #7C56E0;
  --kt-strength: #DB407E;

  /* Radius */
  --r-sm: 6px;   /* controls */
  --r-md: 10px;  /* default */
  --r-lg: 16px;  /* cards */
  --r-xl: 24px;  /* sheets */
  --r-pill: 999px;

  /* Type */
  --font-display: 'Oswald', sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  /* Accent gradient */
  --grad-accent: linear-gradient(135deg, #F9963F, #D75A07);

  /* Dark surface — reserved for the rare premium contrast moment (phone frame,
     optional dark band). Warm, never pure black. */
  --ink: #17120E;
  --ink-2: #201913;

  /* --- Web-only extensions (derived for layout) --- */
  --maxw: 1200px;            /* content max width */
  --gutter: clamp(20px, 5vw, 64px);
  --space: clamp(72px, 9vw, 136px); /* vertical section rhythm */

  /* Soft, layered shadows for a light premium surface treatment. */
  --shadow-card: 0 1px 2px rgba(26, 20, 16, .04), 0 18px 40px -28px rgba(26, 20, 16, .22);
  --shadow-card-hover: 0 2px 4px rgba(26, 20, 16, .05), 0 28px 60px -28px rgba(26, 20, 16, .28);
  --shadow-accent: 0 12px 30px -12px rgba(215, 90, 7, .42);
  --shadow-soft: 0 24px 70px -40px rgba(26, 20, 16, .35);

  --ease: cubic-bezier(.22, .61, .36, 1);
}