/* ==========================================================================
   PROFITNESS · design tokens
   Фитнес-студия PROFITNESS, Минск, ул. Восточная 129
   Версия 1.0 · 29 августа 2026
   Единственный источник значений. Правится здесь, а не в макетах.
   Шрифты: Oswald + Manrope (Google Fonts, лицензия OFL — в логотипе и в вебе
   использовать можно, платить не нужно).
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

:root {
  /* --- шкалы цвета ------------------------------------------------------- */
  --pf-plum-50: #FAF7F9;
  --pf-plum-100: #F1EBED;
  --pf-plum-200: #E4D9DD;
  --pf-plum-300: #D1C1C7;
  --pf-plum-400: #B7A3AB;
  --pf-plum-500: #9C858E;
  --pf-plum-600: #795D69;
  --pf-plum-700: #644553;
  --pf-plum-800: #4E2E3C;
  --pf-plum-900: #391728;
  --pf-plum-950: #2B091B;

  --pf-magenta-50: #FFF3F8;
  --pf-magenta-100: #FFE5F0;
  --pf-magenta-200: #FDCCE3;
  --pf-magenta-300: #F7ABD0;
  --pf-magenta-400: #ED7FB8;
  --pf-magenta-500: #E0479F;
  --pf-magenta-600: #B01D78;
  --pf-magenta-700: #8C0F5E;
  --pf-magenta-800: #680544;
  --pf-magenta-900: #46012D;
  --pf-magenta-950: #30021D;

  --pf-sand-50: #F9F6F3;
  --pf-sand-100: #F2EBE6;
  --pf-sand-200: #E5DAD2;
  --pf-sand-300: #D1C3B8;
  --pf-sand-400: #B6A699;
  --pf-sand-500: #948477;
  --pf-sand-600: #736357;
  --pf-sand-700: #5B4D40;
  --pf-sand-800: #43362C;
  --pf-sand-900: #2C221A;
  --pf-sand-950: #1E160F;

  /* --- интенсивность занятия (последовательная шкала, один тон) ---------- */
  --pf-intensity-calm: #FFFFFF;
  --pf-intensity-medium: #D1C1C7;
  --pf-intensity-intense: #391728;
  --pf-intensity-intense-ink: #FAF7F9;
  --pf-intensity-ink: #2B091B;

  /* --- статусы (только состояния, не как акцент) ------------------------- */
  --pf-success: #2D7B44;
  --pf-warning: #976500;
  --pf-danger: #AF3C3A;

  /* --- шрифты ------------------------------------------------------------ */
  --pf-font-display: Oswald, 'Arial Narrow', sans-serif;
  --pf-font-text: Manrope, 'Helvetica Neue', Arial, sans-serif;

  /* --- типографическая шкала --------------------------------------------- */
  --pf-display-size: clamp(2.25rem, 5.5vw, 4rem);
  --pf-display-weight: 600;
  --pf-display-lh: 1.03;
  --pf-display-ls: 0.01em;
  --pf-h1-size: clamp(1.9rem, 4vw, 3rem);
  --pf-h1-weight: 600;
  --pf-h1-lh: 1.06;
  --pf-h1-ls: 0.01em;
  --pf-h2-size: clamp(1.5rem, 3vw, 2rem);
  --pf-h2-weight: 600;
  --pf-h2-lh: 1.1;
  --pf-h2-ls: 0.02em;
  --pf-h3-size: 1.25rem;
  --pf-h3-weight: 600;
  --pf-h3-lh: 1.15;
  --pf-h3-ls: 0.03em;
  --pf-eyebrow-size: 0.72rem;
  --pf-eyebrow-weight: 700;
  --pf-eyebrow-lh: 1.3;
  --pf-eyebrow-ls: 0.19em;
  --pf-lead-size: 1.19rem;
  --pf-lead-weight: 400;
  --pf-lead-lh: 1.6;
  --pf-lead-ls: 0;
  --pf-body-size: 1rem;
  --pf-body-weight: 400;
  --pf-body-lh: 1.62;
  --pf-body-ls: 0;
  --pf-small-size: 0.9rem;
  --pf-small-weight: 400;
  --pf-small-lh: 1.5;
  --pf-small-ls: 0;
  --pf-caption-size: 0.78rem;
  --pf-caption-weight: 600;
  --pf-caption-lh: 1.4;
  --pf-caption-ls: 0.07em;
  --pf-numeral-size: 2.25rem;
  --pf-numeral-weight: 700;
  --pf-numeral-lh: 1;
  --pf-numeral-ls: 0;

  /* --- отступы ----------------------------------------------------------- */
  --pf-space-0: 0;
  --pf-space-1: 4px;
  --pf-space-2: 8px;
  --pf-space-3: 12px;
  --pf-space-4: 16px;
  --pf-space-5: 24px;
  --pf-space-6: 32px;
  --pf-space-7: 48px;
  --pf-space-8: 64px;
  --pf-space-9: 96px;
  --pf-space-10: 128px;

  /* --- радиусы ----------------------------------------------------------- */
  --pf-radius-none: 0;
  --pf-radius-sm: 3px;
  --pf-radius-md: 6px;
  --pf-radius-lg: 12px;
  --pf-radius-pill: 999px;
  --pf-radius-circle: 50%;

  /* --- тени -------------------------------------------------------------- */
  --pf-shadow-sm: 0 1px 2px rgba(43,9,27,.06);
  --pf-shadow-md: 0 2px 8px rgba(43,9,27,.08);
  --pf-shadow-lg: 0 8px 28px rgba(43,9,27,.12);

  /* --- контрольные точки (для справки; в media-запросах пишутся числом) --- */
  --pf-break-sm: 480px;
  --pf-break-md: 720px;
  --pf-break-lg: 1024px;
  --pf-break-xl: 1280px;

  /* --- сетка ------------------------------------------------------------- */
  --pf-container: 1040px;
  --pf-container-narrow: 680px;
  --pf-gutter: var(--pf-space-5);
  --pf-measure: 64ch;

  /* --- семантика: светлая тема ------------------------------------------- */
  --pf-bg: #FAF7F9;
  --pf-surface: #FFFFFF;
  --pf-surface-raised: #FFFFFF;
  --pf-surface-sunken: #F1EBED;
  --pf-text: #2B091B;
  --pf-text-muted: #644553;
  --pf-text-subtle: #795D69;
  --pf-text-inverse: #FAF7F9;
  --pf-border: #E4D9DD;
  --pf-border-strong: #D1C1C7;
  --pf-accent: #B01D78;
  --pf-accent-hover: #8C0F5E;
  --pf-accent-subtle: #FFF3F8;
  --pf-on-accent: #FAF7F9;
  --pf-focus: #B01D78;
  --pf-sand: #948477;
}

/* Тёмная тема выбрана отдельно, а не выведена инверсией.
   Переопределяются ТОЛЬКО семантические токены — шкалы остаются те же. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --pf-bg: #160510;
    --pf-surface: #210A18;
    --pf-surface-raised: #2B0F20;
    --pf-surface-sunken: #100309;
    --pf-text: #F1EBED;
    --pf-text-muted: #D1C1C7;
    --pf-text-subtle: #B7A3AB;
    --pf-text-inverse: #2B091B;
    --pf-border: #3A1729;
    --pf-border-strong: #4E2038;
    --pf-accent: #E0479F;
    --pf-accent-hover: #ED7FB8;
    --pf-accent-subtle: #38122A;
    --pf-on-accent: #2B091B;
    --pf-focus: #E0479F;
    --pf-sand: #B6A699;
  }
}
:root[data-theme="dark"] {
  --pf-bg: #160510;
  --pf-surface: #210A18;
  --pf-surface-raised: #2B0F20;
  --pf-surface-sunken: #100309;
  --pf-text: #F1EBED;
  --pf-text-muted: #D1C1C7;
  --pf-text-subtle: #B7A3AB;
  --pf-text-inverse: #2B091B;
  --pf-border: #3A1729;
  --pf-border-strong: #4E2038;
  --pf-accent: #E0479F;
  --pf-accent-hover: #ED7FB8;
  --pf-accent-subtle: #38122A;
  --pf-on-accent: #2B091B;
  --pf-focus: #E0479F;
  --pf-sand: #B6A699;
}