/* ============================================================
   NUKON USA — COLOR
   LOCKED values are copied verbatim from the brand kit tokens.css.
   DERIVED values are extensions built from the locked palette for
   states the kit did not cover (muted text, deeper washes, signals).
   Never introduce a hue outside this file.
   ============================================================ */
:root {
  /* --- LOGO ARTWORK ONLY (never for UI) --- */
  --nukon-logo-k: #FF3D00; /* the K in the wordmark. Not a UI colour. @kind color */

  /* --- BRAND (LOCKED) --- */
  --nukon-orange:      #F26522; /* primary accent — CTAs, highlights, LED/laser motifs */
  --nukon-orange-deep: #D9541A; /* hover / pressed */
  --nukon-orange-glow: #FF8A3D; /* gradients, glows, particle sparks */
  --nukon-charcoal:    #16181D; /* dark hero scenes ONLY — never full-site background */
  --nukon-graphite:    #2A2E35; /* secondary dark, machine panel gray */
  --nukon-ink:         #1C1F24; /* body text on light */
  --nukon-gray:        #5A5F66; /* secondary text */
  --nukon-line:        #E6E7E9; /* hairlines, card borders */
  --nukon-surface:     #F7F7F5; /* soft section background */
  --nukon-white:       #FFFFFF; /* DEFAULT site background — white-dominant rule */

  /* --- NEUTRAL EXTENSIONS (DERIVED) --- */
  --nukon-ink-2:       #3A3F47; /* tertiary text, captions on light */
  --nukon-gray-2:      #8A9099; /* muted text, placeholders, disabled label */
  --nukon-line-strong: #D2D4D8; /* input borders, dividers that must read */
  --nukon-surface-2:   #EFEFEC; /* second-level wash, table zebra */
  --nukon-panel:       #1C2026; /* dark card interior inside a charcoal scene */
  --nukon-panel-line:  #343941; /* hairline on dark */

  /* --- TEXT-SAFE ORANGE (DERIVED) ---
     TWO-TIER ACTION COLOUR (client decision, 2026-08).
     Large CTAs (label >= 19px bold) keep #F26522 with a white label — 3.15:1,
     which is WCAG AA for large text. Compact buttons, small solid buttons and
     inline text links use #C24A10 — 4.91:1, AA for normal text. Non-text uses
     of #F26522 (rules, glows, big numerals, icons) are unchanged. */
  --nukon-orange-action:        #C24A10; /* 4.91:1 on #FFFFFF · 4.57:1 on #F7F7F5 */
  --nukon-orange-action-hover:  #A63E0D; /* 6.33:1 on #FFFFFF — compact hover */
  --nukon-orange-action-active: #8E340B; /* compact pressed */
  --nukon-orange-active:        #B8460F; /* large-CTA pressed. white label 5.36:1 */
  /* aliases kept for anything already pointing at the text names */
  --nukon-orange-text:        var(--nukon-orange-action);
  --nukon-orange-text-strong: var(--nukon-orange-action-hover);

  /* --- ORANGE WASHES (DERIVED) --- */
  --nukon-orange-wash: #FDF1EA; /* callout / highlight background on white */
  --nukon-orange-08:   rgba(242,101,34,.08);
  --nukon-orange-16:   rgba(242,101,34,.16);
  --nukon-orange-32:   rgba(242,101,34,.32);

  /* --- SIGNAL (client-specified, 2026-08) ---
     Never brand orange for warnings. The safety-glass green and guarding
     yellow visible in product renders are IMAGERY colours only — they are
     not part of the interface palette. */
  --signal-success: #1E9E6A;
  --signal-warning: #C77414;
  --signal-danger:  #D64545;
  --signal-success-wash: #EAF6F1;
  --signal-warning-wash: #FBF2E7;
  --signal-danger-wash:  #FBEDED;
  /* Text-safe variants. The three values above are specified for fills,
     icons, borders and bars (>= 3:1 on white, WCAG AA for non-text UI);
     for text on white use these, measured >= 4.5:1. */
  --signal-success-text: #177F57; /* 4.99:1 on #FFFFFF */
  --signal-warning-text: #A9630F; /* 4.69:1 on #FFFFFF */
  --signal-danger-text:  #CB3B3B; /* 4.97:1 on #FFFFFF */

  /* --- SIGNATURE GRADIENTS (LOCKED) --- */
  --nukon-horizon: linear-gradient(to top, rgba(242,101,34,.85) 0%, rgba(242,101,34,.25) 40%, transparent 100%); /* @kind color */
  --nukon-hero-fade: linear-gradient(to bottom, #16181D 0%, #16181D 70%, #FFFFFF 100%); /* @kind color */
  /* --- TEXT SCRIMS OVER IMAGERY (LOCKED RULE) ---
     Any text over a photograph or render sits on a scrim. Left-to-right by
     default, top-to-bottom when the crop is narrow and the copy is anchored
     low. 35% black is the CAP, not a starting point — never darker. */
  /* Insurance, not a crutch. Hero copy earns its contrast from the crop — it
     lives in the dark upper zone — so the fade stays soft and the render stays
     readable underneath it. */
  --scrim-hero:        linear-gradient(to right, rgba(0,0,0,.35) 0%, rgba(0,0,0,.18) 50%, rgba(0,0,0,0) 78%); /* @kind color */
  --scrim-hero-narrow: linear-gradient(to bottom, rgba(0,0,0,.28) 0%, rgba(0,0,0,.14) 42%, rgba(0,0,0,.30) 100%); /* @kind color */
  --scrim-max: .35; /* @kind other */

  /* DERIVED companions */
  --nukon-horizon-h: linear-gradient(to right, transparent 0%, rgba(242,101,34,.85) 50%, transparent 100%); /* @kind color */
  --nukon-scene-floor: radial-gradient(ellipse 120% 60% at 50% 100%, rgba(242,101,34,.45) 0%, rgba(242,101,34,.10) 45%, transparent 75%); /* @kind color */
  --nukon-spark: radial-gradient(circle, #FF8A3D 0%, rgba(242,101,34,.5) 45%, transparent 70%); /* @kind color */
}