/* ===== IRO Design Tokens — Scheme A: Industrial Engineering ===== */

@font-face {
  font-family: 'InterVariable';
  src: url('../fonts/Inter-Variable.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-display: swap;
  font-style: oblique -10deg 0deg;
}

:root {
  /* ===== Typography ===== */
  --iro-font-sans:   'InterVariable', 'Inter', system-ui, -apple-system, sans-serif;
  --iro-font-mono:   'SF Mono', 'Fira Code', 'Cascadia Code', monospace;
  --iro-font-weight-normal:  400;
  --iro-font-weight-semibold: 600;
  --iro-font-weight-bold:     700;
  --iro-font-weight-heavy:   800;

  /* ===== Brand Primaries: Steel Blue + Precision Cyan ===== */
  --iro-color-primary:        #0b1e3f;
  --iro-color-primary-dark:   #050e21;
  --iro-color-primary-soft:   #e6ecf5;
  --iro-color-primary-hover:  #081830;

  /* ===== Accent: Precision Cyan (replaces brand red) ===== */
  --iro-color-accent:         #0891b2;
  --iro-color-accent-dark:    #0e7490;
  --iro-color-accent-soft:    #ecfeff;

  /* ===== Neutral Grays ===== */
  --iro-color-ink:            #0a0e1a;
  --iro-color-text:           #2c3441;
  --iro-color-muted:          #6b7280;
  --iro-color-faint:          #9ca3af;

  /* ===== Lines & Surfaces ===== */
  --iro-color-line:           #e2e8f0;
  --iro-color-line-strong:    #cbd5e1;
  --iro-color-panel:          #ffffff;
  --iro-color-soft:           #f8fafc;
  --iro-color-soft-2:         #f1f5f9;
  --iro-color-footer:         #050e21;

  /* ===== Feedback (preserved for forms) ===== */
  --iro-color-success:        #059669;
  --iro-color-warning:        #d97706;
  --iro-color-error:          #dc2626;

  /* ===== Shadows — minimal, industrial ===== */
  --iro-shadow-soft:          0 1px 2px rgba(10, 14, 26, 0.06);
  --iro-shadow-strong:        0 8px 24px rgba(10, 14, 26, 0.10);

  /* ===== Border Radius — micro-corner system ===== */
  --iro-radius-sm:            2px;
  --iro-radius-md:            4px;
  --iro-radius-lg:            6px;

  /* ===== Layout ===== */
  --iro-container:            1280px;
  --iro-gap:                  28px;
  --iro-gap-tight:            16px;
}