/* Iron Verity — design tokens
   Source of truth: design.md §3
   These values are load-bearing. Do not invent new ones. */

:root {
  /* palette — exact, from brand foundation
     Warmed dark baseline so product photography with dark regions breathes.
     Copper is the logo's patinated tone (#AC7A5B) and now the primary accent. */
  --background:        #322D28; /* warm dark gray — the 'dark' baseline, clearly off black */
  --background-lift:   #423830; /* center of body radial — warmer, lit-from-above feel (restrained) */
  --background-deep:   #050403; /* edges of body radial — almost pure black, faintest warm undertone */
  --card:              #413B35; /* surface above the page — still dark, reads as a tone */
  --surface-warm:      #423931; /* warmer card variant for translucent overlays */
  --secondary:         #524940; /* muted warm steel */
  --border:            #4D4339; /* hairline, warmer */
  --border-strong:     #65584B; /* for stronger boundaries where needed */
  --muted-foreground:  #9A938B; /* warm silver — slightly lifted for new background */
  --foreground:        #EDE8DF; /* warm stone — slightly lifted for contrast against warmer bg */
  --accent:            #AC7A5B; /* patinated copper — FROM THE LOGO, SACRED */
  --accent-hover:      #C4906F; /* +10% L, same hue */
  --accent-bright:     #D09879; /* for rare bright-copper accents (stats, focus) */
  --accent-deep:       #7A5540; /* copper shadow — for subtle copper tints on surfaces */
  --accent-wash:       color-mix(in srgb, var(--accent) 12%, var(--background)); /* surface tint */
  --accent-glow:       color-mix(in srgb, var(--accent) 22%, transparent); /* atmospheric copper haze */
  --destructive:       #CC3333;

  /* structural */
  --radius: 0;

  /* type */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* scale anchors */
  --hero-display: clamp(5rem, 12vw, 11rem);
  --section-heading: clamp(2.25rem, 4.5vw, 3.25rem);
  --sub-heading: 1.5rem;

  /* layout */
  --container-max: 80rem;         /* 1280px */
  --container-pad-x: 1.5rem;
  --container-pad-x-lg: 3rem;

  /* motion */
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur-hover: 200ms;
  --dur-reveal: 600ms;
}