/* ============================================================
   NUKON USA — DEPTH
   Subtle only. There is no heavy drop-shadow in this brand: depth comes
   from hairlines, a barely-there lift, and orange light.
   ============================================================ */
:root {
  --shadow-none: none; /* @kind shadow */
  --shadow-hairline: 0 0 0 1px var(--nukon-line);
  --shadow-sm: 0 1px 2px rgba(22,24,29,.04), 0 0 0 1px rgba(22,24,29,.05);
  --shadow-md: 0 4px 16px rgba(22,24,29,.06);
  --shadow-lift: 0 12px 32px rgba(22,24,29,.09);
  --shadow-dialog: 0 24px 64px rgba(22,24,29,.18);

  /* light, not shadow — the orange glow system */
  --glow-sm: 0 0 12px rgba(242,101,34,.28);
  --glow-md: 0 0 28px rgba(242,101,34,.35);
  --glow-lg: 0 0 64px rgba(242,101,34,.45);

  /* accessibility — 2px ring, 2px offset. #C24A10 on light, #F26522 on dark.
     Focus outlines are never removed. */
  --focus-color: #C24A10; /* @kind color */
  --focus-outline: 2px solid var(--focus-color); /* @kind other */
  --focus-offset: 2px; /* @kind spacing */
  --focus-ring: 0 0 0 2px var(--surface-page), 0 0 0 4px var(--focus-color);
  --focus-ring-inverse: 0 0 0 2px var(--nukon-charcoal), 0 0 0 4px var(--nukon-orange);
  --disabled-opacity: 0.4; /* @kind other */

  /* glass — used sparingly, only over imagery or a dark scene */
  --blur-panel: blur(14px) saturate(1.1); /* @kind other */
  --glass-light: rgba(255,255,255,.72); /* @kind color */
  --glass-dark: rgba(22,24,29,.55); /* @kind color */
}