/* ==========================================================================
   Laxmi Narasimha Engineers, design tokens
   Palette: architectural navy, steel blue, concrete grey, muted bronze.
   ========================================================================== */

:root {
  /* Brand */
  --navy-900: #071322;
  --navy-800: #0b1b2b;
  --navy-700: #102538;
  --navy-600: #16324a;
  --steel-700: #1d4e77;
  --steel-600: #2c6690;
  --steel-500: #4d84ab;
  --steel-300: #9db8cd;

  /* Neutrals */
  --ink: #14202c;
  --ink-soft: #445465;
  --ink-muted: #5c6976;
  --line: #d9d6cf;
  --line-soft: #e7e4dd;
  --concrete: #eceae4;
  --paper: #f7f6f2;
  --white: #ffffff;

  /* Accent, used sparingly */
  --bronze: #b5883f;
  --bronze-text: #7f5c20;   /* darker bronze, used where the accent has to carry text */
  --bronze-light: #c9a366;
  --bronze-dim: rgba(181, 136, 63, 0.28);

  /* Feedback */
  --danger: #a4342c;
  --success: #2f6b4f;

  /* Typography */
  --font-display: "Archivo", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;

  --step-display: clamp(2.75rem, 1.6rem + 4.9vw, 6rem);
  --step-h2: clamp(2rem, 1.35rem + 2.6vw, 3.5rem);
  --step-h3: clamp(1.15rem, 1.05rem + 0.35vw, 1.4rem);
  --step-lead: clamp(1.05rem, 1rem + 0.35vw, 1.25rem);
  --step-body: 1.0313rem;
  --step-small: 0.875rem;
  --step-label: 0.75rem;

  --tracking-label: 0.18em;
  --tracking-tight: -0.022em;

  /* Space and layout */
  --gutter: clamp(1.25rem, 0.6rem + 3vw, 4rem);
  --shell: 1320px;
  --measure: 62ch;
  --section-y: clamp(4.5rem, 3rem + 7vw, 9rem);

  /* Depth and lines */
  --hairline: 1px solid var(--line);
  --shadow-sm: 0 1px 2px rgba(11, 27, 43, 0.05), 0 8px 24px -18px rgba(11, 27, 43, 0.35);
  --shadow-md: 0 18px 50px -32px rgba(11, 27, 43, 0.55);
  --shadow-lg: 0 40px 90px -50px rgba(7, 19, 34, 0.7);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-inout: cubic-bezier(0.65, 0.05, 0.36, 1);
  --dur-fast: 180ms;
  --dur: 320ms;
  --dur-slow: 720ms;

  /* Blueprint linework */
  --grid-line: rgba(20, 32, 44, 0.055);
  --grid-line-dark: rgba(157, 184, 205, 0.09);

  --header-h: 84px;
}

@media (max-width: 900px) {
  :root { --header-h: 68px; }
}