/* AIM Platform · brand tokens, reset, typography
   Renkler logodan ve deck paletinden turetildi. Custom renk uydurulmadi. */

:root {
  /* Dark cockpit scale */
  --ink-950: #070a10;
  --ink-900: #0b0f16;   /* base dark */
  --ink-850: #0f1620;   /* brand navy */
  --ink-800: #121c2c;   /* card on dark */
  --ink-750: #16223550; /* glass */
  --ink-700: #1c2a40;   /* border on dark */
  --navy-deck: #0f1b3d; /* deck navy, derinlik gradyani */

  /* Gold (amiral urun) */
  --gold: #af7d1e;
  --gold-bright: #d4a24c;
  --gold-soft: rgba(212, 162, 76, .14);
  --gold-line: rgba(212, 162, 76, .30);

  /* Light relief */
  --cream: #faf7f0;
  --cream-100: #f3eee2;
  --cream-line: #e6ddca;

  /* Yardimci canli vurgular (cok az kullanilir) */
  --blue: #2a71d9;
  --teal: #24c5a3;

  /* Text */
  --on-dark: #e9ecf3;
  --on-dark-mid: #b4bdd0;
  --on-dark-mute: #8290a8;
  --on-light: #16202e;
  --on-light-mid: #3d4759;
  --on-light-mute: #6a7588;

  /* Type */
  --serif: "Source Serif 4", Georgia, serif;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;

  /* Geometry */
  --maxw: 1200px;
  --radius: 14px;
  --radius-sm: 10px;
  --ease: cubic-bezier(.22, .61, .36, 1);
}

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

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

body {
  margin: 0;
  background: var(--ink-900);
  color: var(--on-dark);
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }

h1, h2, h3 {
  font-family: var(--serif);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.01em;
  margin: 0;
  text-wrap: balance;
}

h1 { font-size: clamp(2.3rem, 5.4vw, 4rem); }
h2 { font-size: clamp(1.9rem, 4vw, 3rem); }
h3 { font-size: clamp(1.2rem, 2vw, 1.5rem); }

p { margin: 0; }

/* Eyebrow / telemetry label */
.eyebrow {
  font-family: var(--mono);
  font-size: .74rem;
  font-weight: 500;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--gold-bright);
  display: inline-flex;
  align-items: center;
  gap: .6rem;
}
.eyebrow::before {
  content: "";
  width: 26px; height: 1px;
  background: var(--gold-line);
  display: inline-block;
}

/* Focus visibility */
:focus-visible {
  outline: 2px solid var(--gold-bright);
  outline-offset: 3px;
  border-radius: 4px;
}

::selection { background: var(--gold); color: var(--ink-900); }