/* Design tokens — palette sampled from the hero photograph:
   petrol backdrop, sand suit, brass ring. REC red + AF green are signal colours only. */
:root {
  color-scheme: dark;

  /* Surfaces */
  --ink-950: #010b0e;
  --ink-900: #02151a;
  --ink-850: #031d21;
  --petrol-800: #012927;
  --petrol-700: #0a3a37;
  --petrol-600: #155049;
  --line: rgb(239 232 221 / 0.12);
  --line-strong: rgb(239 232 221 / 0.28);

  /* Type colours */
  --paper: #efe8dd;
  --sand-300: #cdbfae;
  --sand-500: #a8977f;
  --muted: rgb(239 232 221 / 0.62);

  /* Accents with meaning */
  --brass: #c9a25f;      /* primary action */
  --brass-hot: #e2bd78;
  --rec: #ff4436;        /* recording / live */
  --af: #8fe38a;         /* focus confirmed */
  --film-edge: #d9893c;  /* film-stock edge print */

  /* Typography */
  --font-display: "Instrument Serif", "Times New Roman", serif;
  --font-body: "Instrument Sans", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

  --text-xs: 0.6875rem;
  --text-sm: 0.875rem;
  --text-base: clamp(1rem, 0.94rem + 0.3vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1rem + 0.6vw, 1.375rem);
  --text-xl: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);
  --text-2xl: clamp(2.25rem, 1.4rem + 3.6vw, 4.5rem);
  --text-3xl: clamp(2.75rem, 1.2rem + 6vw, 7rem);
  --text-hero: clamp(4rem, 1.2rem + 10.5vw, 11.5rem);

  /* Space */
  --gutter: clamp(1rem, 0.6rem + 2.4vw, 3.5rem);
  --space-section: clamp(5rem, 3rem + 8vw, 11rem);
  --maxw: 92rem;

  /* Motion */
  --duration-fast: 160ms;
  --duration-normal: 320ms;
  --duration-slow: 900ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* Geometry of the hero photo (lens + eye positions as % of the image) */
  --lens-x: 68.6%;
  --lens-y: 34.6%;
  --eye-x: 46.8%;
  --eye-y: 28.6%;
}