/* ==========================================================================
   TAS TOOLING SOLUTIONS — DESIGN SYSTEM TOKENS
   Inspired by modern industrial engineering & technical precision (sstr.tech)
   ========================================================================== */

:root {
  /* Brand Core Colors (Official TAS Brand Palette) */
  --color-primary-navy: #28386B;
  --color-accent-orange: #EC6D2C;
  --color-accent-orange-hover: #D95A19;
  --color-accent-orange-subtle: rgba(236, 109, 44, 0.14);
  --color-accent-orange-glow: rgba(236, 109, 44, 0.35);
  --color-accent-orange-bright: #FFA166;

  /* Industrial Dark Palette (Editorial / Deep Sections) */
  --color-navy-950: #0A0F1E;
  --color-navy-900: #0F172E;
  --color-navy-850: #141F3C;
  --color-navy-800: #1B294E;
  --color-navy-700: #233461;
  --color-navy-600: #2E427B;
  --color-navy-500: #3C5499;

  /* Neutral Light Palette */
  --color-white: #FFFFFF;
  --color-grey-50: #F8FAFC;
  --color-grey-100: #F1F5F9;
  --color-grey-200: #E2E8F0;
  --color-grey-300: #CBD5E1;
  --color-grey-400: #94A3B8;
  --color-grey-500: #64748B;
  --color-grey-600: #334155;
  --color-grey-700: #1E293B;
  --color-grey-800: #0F172A;
  --color-grey-900: #020617;

  /* Semantic Interface Tokens */
  --bg-body: #FFFFFF;
  --bg-surface: #F8FAFC;
  --bg-surface-elevated: #FFFFFF;
  --bg-dark-section: var(--color-navy-950);
  --bg-dark-card: var(--color-navy-900);
  --bg-dark-card-hover: var(--color-navy-850);

  --text-primary: var(--color-grey-900);
  --text-secondary: var(--color-grey-600);
  --text-muted: var(--color-grey-500);
  --text-inverse: var(--color-white);
  --text-inverse-muted: #B8CCE6;

  --border-light: var(--color-grey-200);
  --border-subtle: rgba(226, 232, 240, 0.8);
  --border-dark: rgba(255, 255, 255, 0.14);
  --border-dark-strong: rgba(255, 255, 255, 0.25);
  --border-navy: rgba(40, 56, 107, 0.2);

  /* Typography */
  --font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Space Grotesk', 'JetBrains Mono', monospace;

  /* Typography Scale (Mobile First Clamped) */
  --type-display-hero: clamp(2.35rem, 7vw, 5.25rem);
  --type-display-section: clamp(1.85rem, 5vw, 3.75rem);
  --type-h1: clamp(1.65rem, 4vw, 3rem);
  --type-h2: clamp(1.4rem, 3.2vw, 2.5rem);
  --type-h3: clamp(1.2rem, 2.5vw, 1.8rem);
  --type-h4: 1.25rem;
  --type-body-lead: clamp(1.05rem, 2vw, 1.35rem);
  --type-body: clamp(0.9375rem, 1.8vw, 1.0625rem);
  --type-body-sm: clamp(0.875rem, 1.5vw, 0.9375rem);
  --type-caption: 0.8125rem;

  /* Spacing System */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;

  /* Grid, Touch & Mobile Layout */
  --container-max-width: 1400px;
  --container-padding: clamp(1rem, 4vw, 2.5rem);
  --nav-height: 88px;
  --nav-height-mobile: 70px;
  --touch-target-min: 44px;
  --input-height-min: 48px;

  /* Precision Radii (Refined, Subtle, NOT overly rounded) */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-pill: 9999px;

  /* Animation Easing (Cubic-bezier physics from SSTR/Swiss motion) */
  --ease-precision: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth: cubic-bezier(0.25, 1, 0.5, 1);
  --transition-fast: 0.2s var(--ease-precision);
  --transition-medium: 0.35s var(--ease-precision);
  --transition-slow: 0.6s var(--ease-precision);

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 14px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 10px 30px rgba(15, 23, 42, 0.12);
  --shadow-glow: 0 0 25px var(--color-accent-orange-glow);
  --shadow-navy-glow: 0 15px 40px rgba(40, 56, 107, 0.3);
}