/* =========================================================
   ISC Design System — Industrial Power Precision
   Shared tokens, typography, and base polish
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

:root {
  /* Brand */
  --isc-navy: #0b1628;
  --isc-navy-mid: #132338;
  --isc-slate: #2c4a5e;
  --isc-slate-soft: #3d5f73;
  --isc-steel: #4a6578;
  --isc-copper: #c9923a;
  --isc-copper-light: #d9ab55;
  --isc-copper-dark: #a6762e;

  /* Surfaces */
  --isc-bg: #f2f5f8;
  --isc-bg-alt: #e8eef3;
  --isc-surface: #ffffff;
  --isc-surface-muted: #f7f9fb;

  /* Text */
  --isc-text: #15202b;
  --isc-text-muted: #5a6b7a;
  --isc-text-inverse: #f4f7fa;

  /* Borders & shadows */
  --isc-border: rgba(15, 35, 55, 0.1);
  --isc-border-strong: rgba(15, 35, 55, 0.18);
  --isc-shadow-sm: 0 4px 14px rgba(11, 22, 40, 0.06);
  --isc-shadow-md: 0 12px 32px rgba(11, 22, 40, 0.1);
  --isc-shadow-lg: 0 22px 48px rgba(11, 22, 40, 0.14);

  /* Radii & motion */
  --isc-radius: 12px;
  --isc-radius-sm: 8px;
  --isc-radius-lg: 18px;
  --isc-ease: cubic-bezier(0.22, 0.9, 0.28, 1);
  --isc-duration: 0.35s;

  /* Typography */
  --isc-font-display: 'Sora', system-ui, sans-serif;
  --isc-font-body: 'Source Sans 3', system-ui, sans-serif;

  /* Compatibility aliases used across pages */
  --primary: var(--isc-slate);
  --primary-color: var(--isc-slate);
  --primary-dark: var(--isc-navy-mid);
  --primary-darker: var(--isc-navy);
  --secondary: var(--isc-steel);
  --secondary-color: var(--isc-steel);
  --accent: var(--isc-copper);
  --gold: var(--isc-copper);
  --text-dark: var(--isc-text);
  --text-light: var(--isc-text-muted);
  --text-muted: var(--isc-text-muted);
  --text-color: var(--isc-text-inverse);
  --background-light: var(--isc-bg);
  --white-color: var(--isc-surface);
  --white: var(--isc-surface);
  --light: var(--isc-bg-alt);
  --dark: var(--isc-text);
  --border-color: var(--isc-border);
  --radius: var(--isc-radius);
  --shadow: var(--isc-shadow-md);
  --shadow-hover: var(--isc-shadow-lg);
  --gradient-primary: linear-gradient(135deg, var(--isc-slate) 0%, var(--isc-navy-mid) 100%);
  --font-main: var(--isc-font-body);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--isc-font-body);
  color: var(--isc-text);
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(201, 146, 58, 0.08), transparent 55%),
    radial-gradient(900px 500px at 100% 0%, rgba(44, 74, 94, 0.08), transparent 50%),
    var(--isc-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--isc-font-display);
  letter-spacing: -0.02em;
  line-height: 1.2;
}

img {
  max-width: 100%;
}

::selection {
  background: rgba(201, 146, 58, 0.28);
  color: var(--isc-navy);
}

/* Shared section title accent bars */
.centered-title h1,
.title-bars h1,
.title-barsp h1,
.section-title h2 {
  font-family: var(--isc-font-display);
  letter-spacing: -0.03em;
}

.centered-title h1::before,
.centered-title h1::after,
.title-bars::before,
.title-bars::after,
.title-barsp::before,
.title-barsp::after {
  background: linear-gradient(90deg, var(--isc-copper), var(--isc-copper-light)) !important;
  border-radius: 999px;
}

/* Right logo polish (replaces inline styles visually) */
.navbar .collapse .brand-cert,
.navbar img[alt="Right Logo"] {
  height: 48px !important;
  width: auto !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25) !important;
  background: rgba(255, 255, 255, 0.92);
  object-fit: contain;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}