/* InviteNoma — design tokens
   Одна палитра на весь продукт. Меняешь тему — меняются все секции,
   включая карту, которая рисуется теми же переменными. */

:root {
  /* --- Базовая тема: champagne (тёплая, нежная) --- */
  --c-ink:        #17130F;   /* основной текст, почти чёрный, тёплый */
  --c-ink-soft:   #4A4038;   /* вторичный текст */
  --c-ink-mute:   #766B5E;   /* подписи, мета — контраст 4.8 к фону */
  --c-cream:      #FAF6EF;   /* фон страницы */
  --c-cream-2:    #F4EDE1;   /* фон секции-акцента */
  --c-champagne:  #EFE3D0;   /* карточки, конверт */
  --c-paper:      #FFFDF9;   /* письмо, поля ввода */
  --c-gold:       #C6A15B;   /* акцент */
  --c-gold-deep:  #886A33;
  --c-on-gold:    #17130F;   /* текст поверх золота, у каждой темы свой */
  --c-gold-soft:  #E3CFA3;
  --c-rose:       #C98B86;   /* пыльная роза */
  --c-sage:       #8C9A83;   /* шалфей */
  --c-line:       rgba(23, 19, 15, .12);
  --c-line-soft:  rgba(23, 19, 15, .06);

  /* Карта рисуется этими токенами — поэтому не отличается от сайта */
  --map-bg:       #EDE0C9;
  --map-block:    #E0CFB0;
  --map-green:    #D2DEC4;
  --map-water:    #CFDFE6;
  --map-road:     #FFFDF9;
  --map-road-2:   #F6EEDE;
  --map-stroke:   rgba(23, 19, 15, .13);
  --map-label:    #877A6C;
  --map-pin:      #C6A15B;

  /* --- Типографика --- */
  --f-display: "Cormorant Garamond", "Times New Roman", serif;
  --f-text:    "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --f-script:  "Cormorant Garamond", serif;

  --fs-hero:   clamp(3rem, 13vw, 8.5rem);
  --fs-h1:     clamp(2.25rem, 7.5vw, 4.25rem);
  --fs-h2:     clamp(1.75rem, 5.5vw, 3rem);
  --fs-h3:     clamp(1.25rem, 3.4vw, 1.75rem);
  --fs-body:   clamp(1rem, 2.4vw, 1.125rem);
  --fs-small:  clamp(.8125rem, 2vw, .9375rem);
  --fs-micro:  .75rem;

  --lh-tight: 1.05;
  --lh-head:  1.18;
  --lh-body:  1.7;
  --ls-wide:  .28em;   /* разрядка для надзаголовков */
  --ls-mid:   .12em;

  /* --- Ритм --- */
  --sp-1: .25rem;  --sp-2: .5rem;   --sp-3: .75rem;  --sp-4: 1rem;
  --sp-5: 1.5rem;  --sp-6: 2rem;    --sp-7: 3rem;    --sp-8: 4rem;
  --sp-9: 6rem;    --sp-10: 8rem;
  --section-y: clamp(4.5rem, 12vw, 9rem);
  --gutter:    clamp(1.25rem, 5vw, 3rem);
  --measure:   62ch;
  --content-w: 1160px;

  /* --- Форма --- */
  --r-sm: 6px;  --r-md: 14px;  --r-lg: 24px;  --r-xl: 32px;  --r-pill: 999px;

  --sh-soft:  0 2px 8px rgba(23,19,15,.05), 0 12px 32px rgba(23,19,15,.06);
  --sh-card:  0 1px 2px rgba(23,19,15,.04), 0 18px 48px rgba(23,19,15,.10);
  --sh-lift:  0 24px 70px rgba(23,19,15,.18);
  --sh-inset: inset 0 1px 0 rgba(255,255,255,.7);

  /* --- Движение --- */
  --e-out:   cubic-bezier(.16, 1, .3, 1);      /* мягкое приземление */
  --e-inout: cubic-bezier(.65, 0, .35, 1);
  --e-silk:  cubic-bezier(.22, .61, .36, 1);
  --t-fast: .25s;  --t-mid: .55s;  --t-slow: 1.1s;  --t-scene: 1.8s;

  --z-bg: 0; --z-content: 10; --z-ui: 60; --z-envelope: 90; --z-loader: 100;
}

/* --- Тема: emerald (изумруд + золото, для юбилеев) --- */
[data-theme="emerald"] {
  --c-ink: #0F1A16; --c-ink-soft: #2E423A; --c-ink-mute: #6E8079;
  --c-cream: #F5F8F5; --c-cream-2: #E9F0EA; --c-champagne: #DCE7DE;
  --c-paper: #FCFEFC; --c-gold: #BE9A4F; --c-gold-deep: #8F7233; --c-gold-soft: #E0CFA6;
  --c-rose: #9CB7A5; --c-sage: #6F8C79;
  --map-bg: #EAF1EB; --map-block: #DDE8DE; --map-green: #CFE0D2;
  --map-water: #D6E4E8; --map-road: #FCFEFC; --map-road-2: #F0F5F0;
  --map-pin: #BE9A4F;
}

/* --- Тема: night (тёмная, для вечерних party / дней рождения) --- */
[data-theme="night"] {
  --c-ink: #F6F1E8; --c-ink-soft: #D8CFC0; --c-ink-mute: #9C9081;
  --c-cream: #14110E; --c-cream-2: #1C1814; --c-champagne: #241F19;
  --c-paper: #221D17; --c-gold: #D8B978; --c-gold-deep: #C6A15B; --c-gold-soft: #6B5836;
  --c-rose: #C98B86; --c-sage: #8C9A83;
  --c-line: rgba(246,241,232,.16); --c-line-soft: rgba(246,241,232,.07);
  --map-bg: #1A1611; --map-block: #221D16; --map-green: #1E2419;
  --map-water: #16212A; --map-road: #2E271D; --map-road-2: #251F17;
  --map-stroke: rgba(246,241,232,.10); --map-label: #9C9081; --map-pin: #D8B978;
  --sh-card: 0 1px 2px rgba(0,0,0,.4), 0 18px 48px rgba(0,0,0,.55);
  --sh-lift: 0 24px 70px rgba(0,0,0,.6);
  --sh-inset: inset 0 1px 0 rgba(255,255,255,.06);
}

/* --- Тема: rose (нежно-розовая, дни рождения / beshik to'yi) --- */
[data-theme="rose"] {
  --c-ink: #241618; --c-ink-soft: #4E3639; --c-ink-mute: #8E7275;
  --c-cream: #FDF6F4; --c-cream-2: #F8EAE7; --c-champagne: #F3DDD9;
  --c-paper: #FFFBFA; --c-gold: #C98B86; --c-gold-deep: #A96A66; --c-gold-soft: #EBC9C4;
  --c-rose: #C98B86; --c-sage: #A9AE93;
  --map-bg: #F8EDEA; --map-block: #F1DFDB; --map-green: #E3E6D8;
  --map-water: #E0E9EC; --map-road: #FFFBFA; --map-road-2: #FAF0ED;
  --map-pin: #C98B86;
}