/* ==========================================================================
   GovTech SDK — токени
   Темний смарагд. Глибина — драбинкою тіней і зсувом відтінку, не однією тінню.
   ========================================================================== */

:root {
  /* --- Поверхні ---------------------------------------------------------- */
  --bg-0: #04120c;   /* сторінка */
  --bg-1: #071a12;   /* секція */
  --bg-2: #0b2118;   /* картка */
  --bg-3: #0f2a1f;   /* картка під курсором */
  --bg-inset: #030d09; /* врізане: код, термінал */

  /* --- Зелений рамп: світло йде в жовто-зелене, тінь у синьо-зелене ------- */
  --g-050: #eafff6;
  --g-200: #b6f8dc;
  --g-300: #7bf0c0;
  --g-400: #34e39a;
  --g-500: #0fce7c;
  --g-600: #0cb26c;
  --g-700: #0a8f58;
  --g-900: #05301f;
  --g-950: #032a20;

  /* --- Текст ------------------------------------------------------------- */
  --fg-0: #e9f6ef;
  --fg-1: #a8bdb3;
  --fg-2: #7d9187;
  --fg-3: #708478;

  /* --- Бордери ----------------------------------------------------------- */
  --bd-0: rgba(255, 255, 255, 0.06);
  --bd-1: rgba(255, 255, 255, 0.10);
  --bd-2: rgba(255, 255, 255, 0.16);
  --bd-acc: rgba(52, 227, 154, 0.32);

  /* --- Тіні: драбинка з трьох, не одна ----------------------------------- */
  --sh-contact: 0 2px 4px rgba(0, 20, 14, 0.4);
  --sh-mid: 0 18px 36px -12px rgba(0, 20, 14, 0.6);
  --sh-amb: 0 70px 130px -40px rgba(0, 12, 8, 0.9);
  --sh-ladder: var(--sh-contact), var(--sh-mid), var(--sh-amb);
  --sh-glow: -30px 50px 110px -60px rgba(15, 206, 124, 0.75);

  /* --- Типографіка ------------------------------------------------------- */
  --font-display: "Onest", "Helvetica Neue", sans-serif;
  --font-body: "Manrope", "Helvetica Neue", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  --t-h1: clamp(2.9rem, 6.1vw, 5rem);
  --t-h2: clamp(2.1rem, 4vw, 3.3rem);
  --t-lead: clamp(1.02rem, 1.3vw, 1.16rem);
  --t-body: 1rem;
  --t-sm: 0.9rem;
  --t-xs: 0.8rem;
  --t-mono: 0.8rem;

  /* --- Простір ----------------------------------------------------------- */
  --sp-section: clamp(3.75rem, 7vh, 6rem);
  --gutter: clamp(1.15rem, 4vw, 2.5rem);
  --maxw: 1200px;

  /* --- Радіуси ----------------------------------------------------------- */
  --r-chip: 8px;
  --r-code: 12px;
  --r-card: 22px;
  --r-shell: 28px;
  --r-pill: 999px;

  /* --- Моторика ---------------------------------------------------------- */
  --e-out: cubic-bezier(0.22, 1, 0.36, 1);
  --e-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --e-swift: cubic-bezier(0.32, 0.72, 0, 1);
  --d-fast: 180ms;
  --d-base: 320ms;
  --d-slow: 700ms;

  /* --- Шари -------------------------------------------------------------- */
  --z-atmo: 0;
  --z-content: 1;
  --z-nav: 60;
  --z-grain: 90;

  color-scheme: dark;
}

@media (prefers-contrast: more) {
  :root {
    --fg-1: #cfe3d9;
    --fg-2: #a8bdb3;
    --bd-0: rgba(255, 255, 255, 0.14);
    --bd-1: rgba(255, 255, 255, 0.22);
  }
}