/* ============================================================
   Lektorium — design tokens
   Тёмная, «дорогая» палитра: чистый чёрный, мягкие заливки
   вместо обводок, рассветные градиенты, пружинные кривые.
   ============================================================ */

:root {
  color-scheme: dark;

  /* ---- Поверхности --------------------------------------- */
  --bg:            #000000;
  --bg-lift:       #07080A;
  --fill-1:        rgba(255, 255, 255, 0.045);
  --fill-2:        rgba(255, 255, 255, 0.075);
  --fill-3:        rgba(255, 255, 255, 0.115);
  --fill-press:    rgba(255, 255, 255, 0.16);
  --hairline:      rgba(255, 255, 255, 0.065);
  --scrim:         rgba(0, 0, 0, 0.55);

  /* ---- Текст --------------------------------------------- */
  --ink:           #FFFFFF;
  --ink-2:         rgba(235, 235, 245, 0.62);
  --ink-3:         rgba(235, 235, 245, 0.34);
  --ink-4:         rgba(235, 235, 245, 0.18);
  --ink-invert:    #08090B;

  /* ---- Акценты ------------------------------------------- */
  --mint:          #5FE3B4;
  --sky:           #5AC8FA;
  --violet:        #A98BFF;
  --peach:         #F3B689;
  --rose:          #FF6F73;
  --amber:         #FFD479;

  /* ---- Градиенты (сняты с референсов) -------------------- */
  --grad-dawn: linear-gradient(
      180deg, #16232E 0%, #2A3746 26%, #6E6873 52%,
      #B48E7E 74%, #EFC7A6 100%);
  --grad-night: linear-gradient(
      180deg, #05090D 0%, #0E1D27 30%, #3A4952 58%,
      #8D989E 82%, #D7DBDE 100%);
  --grad-aurora: linear-gradient(
      145deg, #0B1A2A 0%, #14384A 40%, #1E6E63 72%, #4FD1A5 100%);
  --grad-ink: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,0));
  --grad-sheen: linear-gradient(100deg,
      transparent 20%, rgba(255,255,255,.14) 48%, transparent 76%);

  /* ---- Радиусы ------------------------------------------- */
  --r-xs: 10px;
  --r-sm: 14px;
  --r-md: 20px;
  --r-lg: 26px;
  --r-xl: 32px;
  --r-2xl: 40px;
  --r-pill: 999px;

  /* ---- Тени (мягкие, без обводок) ------------------------ */
  --sh-card:  0 24px 60px -24px rgba(0, 0, 0, 0.9);
  --sh-float: 0 18px 44px -12px rgba(0, 0, 0, 0.85),
              0 2px 10px -4px rgba(0, 0, 0, 0.6);
  --sh-glow:  0 0 0 0 rgba(255, 255, 255, 0);

  /* ---- Типографика --------------------------------------- */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
          "Inter", "Manrope", system-ui, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;

  --t-display: 700 clamp(40px, 13vw, 54px)/1.02 var(--font);
  --t-title-1: 700 28px/1.14 var(--font);
  --t-title-2: 650 21px/1.2 var(--font);
  --t-title-3: 600 17px/1.28 var(--font);
  --t-body:    400 16px/1.5 var(--font);
  --t-body-sm: 400 14.5px/1.5 var(--font);
  --t-caption: 500 12.5px/1.35 var(--font);
  --t-micro:   600 10.5px/1 var(--font);

  --track-tight: -0.032em;
  --track-micro: 0.15em;

  /* ---- Кривые движения (Apple-like springs) -------------- */
  --e-spring:   cubic-bezier(0.32, 0.72, 0, 1);
  --e-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --e-in-out:   cubic-bezier(0.65, 0, 0.35, 1);
  --e-emph:     cubic-bezier(0.2, 0.9, 0.1, 1);
  --e-overshoot:cubic-bezier(0.34, 1.42, 0.64, 1);
  --e-snap:     cubic-bezier(0.5, 0, 0, 1);

  --d-1: 140ms;
  --d-2: 240ms;
  --d-3: 380ms;
  --d-4: 560ms;
  --d-5: 780ms;
  --d-6: 1100ms;

  /* ---- Геометрия ----------------------------------------- */
  --shell: 430px;
  --gutter: 22px;
  --nav-h: 58px;
  --dock-h: 116px;
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --d-1: 1ms; --d-2: 1ms; --d-3: 1ms;
    --d-4: 1ms; --d-5: 1ms; --d-6: 1ms;
  }
}