/* MicMD design tokens — light, modern system with cinematic photo stages.
   Brand blue comes from the logo (#0094F9). */

@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(../fonts/geist.woff2) format('woff2');
}

@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(../fonts/geist-mono.woff2) format('woff2');
}

@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url(../fonts/newsreader-italic.woff2) format('woff2');
}

:root {
  /* Color */
  --ink: #0b1526;
  --ink-2: #1f2a3d;
  --ink-3: #3a4456;
  --paper: #f5f8fc;
  --wash: #eef6ff;
  --surface: #ffffff;
  --line: #e2e8f0;
  --line-strong: #c9d3df;
  --blue: #0094f9;
  --blue-text: #0067c7;
  --blue-tint: #e6f3fe;
  --blue-deep: #06213f;
  --night: #070b14;
  --on-dark: #ffffff;
  --on-dark-2: #c9d5e3;
  --line-dark: rgba(255, 255, 255, 0.12);
  --sky: #7cc8ff;
  --ok: #138a52;
  --alert: #c2410c;

  /* Type */
  --font-sans: 'Geist', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, Menlo, monospace;
  --font-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);
  --text-h3: clamp(1.25rem, 1.12rem + 0.45vw, 1.5rem);
  --text-h2: clamp(2.125rem, 3.7vw, 3.25rem);
  --text-hero: clamp(2.125rem, 5.6vw, 4.75rem);

  /* Space */
  --gutter: clamp(16px, 4vw, 40px);
  --max: 1200px;
  --space-section: clamp(5rem, 3.5rem + 6vw, 9.5rem);
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 28px;

  /* Depth */
  --shadow-card: 0 1px 2px rgba(11, 21, 38, 0.05), 0 16px 40px -18px rgba(11, 21, 38, 0.25);
  --shadow-float: 0 2px 6px rgba(11, 21, 38, 0.06), 0 30px 70px -24px rgba(11, 21, 38, 0.4);
  --shadow-product: 0 50px 100px -40px rgba(11, 40, 80, 0.45);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration: 800ms;
}