/* Shoot Grade brand tokens — shared by the Resolve panels and the store site.
   Idea: the two light sources every grade starts from. Tungsten (3200K) is the
   action colour, daylight (5600K) marks focus and selection. Neutral greys are
   tuned to sit beside DaVinci Resolve's own UI without looking like it. */

@font-face {
  font-family: 'Archivo';
  src: url('./fonts/Archivo-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}

:root {
  /* light sources */
  --sg-tungsten: #ffb547;
  --sg-tungsten-deep: #e8902a;
  --sg-daylight: #6fa8ff;
  --sg-daylight-deep: #3f7fe6;

  /* graphite neutrals (panel) */
  --sg-graphite-0: #17181b; /* window */
  --sg-graphite-1: #1d1f23; /* panel */
  --sg-graphite-2: #26292e; /* raised */
  --sg-graphite-3: #33373d; /* line */
  --sg-graphite-4: #4a4f57; /* control rail */

  /* paper (text) */
  --sg-paper: #ece9e2;
  --sg-paper-dim: #a3a3a8;
  --sg-paper-faint: #6d6f75;

  /* status */
  --sg-ok: #5fd39a;
  --sg-warn: #ffcf5c;
  --sg-error: #ff6b5e;

  /* meaning gradients for grading controls */
  --sg-track-temperature: linear-gradient(90deg, #5b8dff, #d8dce6 50%, #ffae3d);
  --sg-track-tint: linear-gradient(90deg, #3fbf6a, #d8dce6 50%, #d65bd0);
  --sg-track-saturation: linear-gradient(90deg, #8a8a8a, #e05a5a 55%, #ffb547 75%, #4fb3ff);
  --sg-track-exposure: linear-gradient(90deg, #0b0c0e, #8a8c90 50%, #ffffff);
  --sg-track-neutral: linear-gradient(90deg, var(--sg-graphite-4), var(--sg-graphite-4));

  --sg-font: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --sg-radius-control: 6px;
  --sg-radius-card: 10px;
}