/* Design tokens — sourced from Figma "Falcon Uddokta" (TopNavBar 9052:932, Footer 9052:3285) */

:root {
  /* Brand */
  --color-accent: #82e66d;
  --color-accent-ink: #063734;
  --color-accent-pale: #c9f5c0;
  /* Not in the Figma palette — needed for form error feedback */
  --color-danger: #ff8a73;

  /* Surfaces */
  --color-bg: #121413;
  --color-footer-bg: #0c0f0e;
  --color-header-bg: rgba(18, 20, 19, 0.7);
  --color-header-bg-scrolled: rgba(18, 20, 19, 0.92);

  /* Text */
  --color-text-strong: #e2e3e1;
  --color-text-muted: #c0c8c6;
  --color-text-teal: #a3cfca;

  /* Lines */
  --line-header: rgba(173, 205, 201, 0.2);
  --line-strong: rgba(64, 72, 71, 0.3);
  --line-soft: rgba(64, 72, 71, 0.2);
  --line-faint: rgba(64, 72, 71, 0.1);

  /* Surfaces used by cards, panels and inputs */
  --color-card: rgba(255, 255, 255, 0.03);
  --color-card-border: rgba(201, 245, 192, 0.2);
  --color-panel: #1e2020;
  --color-input: #1a1c1c;
  --color-placeholder: #6b7280;

  /* Ink used on the accent-green surface */
  --color-on-accent-body: #343434;

  /* Typography */
  --font-sans: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-display: "Poppins", "Plus Jakarta Sans", system-ui, sans-serif;

  /* Eyebrow / nav / label style (12px bold, 1.2px tracking, uppercase) */
  --label-size: 12px;
  --label-tracking: 1.2px;
  --label-line: 16px;

  /* Layout */
  --page-max: 1440px;
  --page-gutter: 64px;
  --header-height: 101px;
  --blur-header: 16px;
  --radius-pill: 9999px;
}

@media (max-width: 1100px) {
  :root {
    --page-gutter: 32px;
  }
}

@media (max-width: 640px) {
  :root {
    --page-gutter: 20px;
    --header-height: 76px;
  }
}

/* Screens wider than the 1440px design: grow the content rail so the page
   fills the viewport instead of parking ~300px of dead space on each edge.
   1848 - 2x64 gutter = 1720px of content. Below 1441px nothing changes, so
   the layout still matches Figma exactly at the design width. */
@media (min-width: 1441px) {
  :root {
    --page-max: 1848px;
  }
}
