/* Дизайн-токены. Тёмная тема — по умолчанию, светлая — <html data-theme="light">.
   Компоненты берут цвета только отсюда. */

:root {
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Jost', 'Helvetica Neue', sans-serif;
  --gutter: clamp(20px, 4vw, 48px);
  --ease-swap: cubic-bezier(.7, 0, .2, 1);
  --chamfer: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
  --brand-gold: #C19A55;

  /* ---- тёмная: чёрный и золото ---- */
  color-scheme: dark;

  --bg: #0C0B09;
  --bg-alt: #0F0D0B;
  --bg-hover: #13110D;
  --surface: #14120F;
  --surface-art: transparent;
  --header-bg: rgba(12, 11, 9, .84);
  --header-shadow: 0 16px 36px -12px rgba(0, 0, 0, .95);
  --panel-bg: rgba(10, 9, 7, .97);

  --text: #EFE8D8;
  --text-soft: #B4AA96;
  --text-label: #B4AA96;
  --text-muted: #A69D8B;
  --text-faint: #8F8676;
  --text-chip: #C9BFA9;
  --text-tag: #C9BFA9;
  --accent: #E8CD92;
  --accent-hover: #F5E6C2;
  --gold: #C19A55;
  --icon: #C19A55;
  --tagline: #C19A55;
  --label-weight: 400;

  --line: rgba(193, 154, 85, .22);
  --line-soft: rgba(193, 154, 85, .16);
  --line-header: rgba(193, 154, 85, .18);
  --line-footer: rgba(193, 154, 85, .16);
  --line-art: rgba(193, 154, 85, .18);
  --line-card: rgba(193, 154, 85, .24);
  --line-chip: rgba(193, 154, 85, .3);
  --line-fact: rgba(193, 154, 85, .18);
  --rule: rgba(193, 154, 85, .6);

  --btn-bg: #C19A55;
  --btn-fg: #15110B;
  --btn-hover-bg: #D9BA7B;
  --btn-hover-fg: #15110B;
  --ghost-fg: #E8CD92;
  --ghost-border: rgba(193, 154, 85, .5);
  --ghost-hover-bg: rgba(193, 154, 85, .10);
  --ghost-hover-border: #C19A55;
  --ghost-hover-fg: #F5E6C2;
  --cta-fg: #E8CD92;
  --cta-border: rgba(193, 154, 85, .5);

  --control-border: rgba(193, 154, 85, .45);
  --control-fg: #E8CD92;
  --control-active-fg: #15110B;
  --control-ind: linear-gradient(135deg, #F2DCA4, #C19A55 55%, #9A7438);
  --menu-frame: rgba(193, 154, 85, .6);
  --menu-frame-open: rgba(193, 154, 85, .14);
  --menu-lines: #E8CD92;

  --card-shadow: none;
  --card-shadow-hover: none;
  --card-hover-border: rgba(193, 154, 85, .55);
  --hatch: rgba(193, 154, 85, .045);
  --ripple: rgba(193, 154, 85, .45);

  --contact-bg: #12100D;
  --contact-border: rgba(193, 154, 85, .4);
  --contact-outline: rgba(193, 154, 85, .22);
  --contact-shadow: none;

  /* фоновые линии, искры и анимации */
  --deco-ring: rgba(193, 154, 85, .17);
  --deco-glow-opacity: .12;
  --deco-trace: #F2DCA4;
  --deco-trace-opacity: .8;
  --dot: rgba(232, 205, 146, .75);
  --dot-fill: rgba(232, 205, 146, .5);
  --pulse-min: .35;
  --wave-min: .7;
  --wave-glow: rgba(232, 205, 146, .8);

  /* градиенты знаков (стопы — в style.css) */
  --logo-1: #F2DCA4;
  --logo-2: #C9A25C;
  --logo-3: #94703A;
  --duo-1: #F4E0AE;
  --duo-2: #D3AE68;
  --duo-3: #9C7740;
  --duo-4: #6F5129;
  --sheen: #FFF6DC;
  --sheen-opacity: .85;
}

/* ---- светлая: белый, зелёный, золото, шоколад ---- */
:root[data-theme="light"] {
  color-scheme: light;

  --bg: #FFFFFF;
  --bg-alt: #F4F6F2;
  --bg-hover: #F7F9F6;
  --surface: #FFFFFF;
  --surface-art: #F1F5F1;
  --header-bg: rgba(255, 255, 255, .86);
  --header-shadow: 0 12px 28px -14px rgba(27, 51, 40, .28);
  --panel-bg: rgba(255, 255, 255, .97);

  --text: #3A271C;
  --text-soft: #4F5651;
  --text-label: #5C635E;
  --text-muted: #5C635E;
  --text-faint: #6E746F;
  --text-chip: #4F5651;
  --text-tag: #2C5440;
  --accent: #2C5440;
  --accent-hover: #1F3D2E;
  --gold: #8A6830;
  --icon: #B38C48;
  --tagline: #2C5440;
  --label-weight: 500;

  --line: rgba(27, 51, 40, .12);
  --line-soft: rgba(27, 51, 40, .08);
  --line-header: rgba(27, 51, 40, .10);
  --line-footer: rgba(27, 51, 40, .10);
  --line-art: rgba(27, 51, 40, .08);
  --line-card: rgba(27, 51, 40, .10);
  --line-chip: rgba(27, 51, 40, .16);
  --line-fact: rgba(193, 154, 85, .45);
  --rule: rgba(193, 154, 85, .7);

  --btn-bg: #1F3D2E;
  --btn-fg: #FFFFFF;
  --btn-hover-bg: #2C5440;
  --btn-hover-fg: #FFFFFF;
  --ghost-fg: #3A271C;
  --ghost-border: rgba(193, 154, 85, .75);
  --ghost-hover-bg: rgba(44, 84, 64, .06);
  --ghost-hover-border: #2C5440;
  --ghost-hover-fg: #1F3D2E;
  --cta-fg: #2C5440;
  --cta-border: rgba(44, 84, 64, .45);

  --control-border: rgba(27, 51, 40, .18);
  --control-fg: #4F5651;
  --control-active-fg: #1E1A17;
  --control-ind: linear-gradient(135deg, #E9CF94, #C19A55 55%, #A07A3C);
  --menu-frame: rgba(44, 84, 64, .5);
  --menu-frame-open: rgba(44, 84, 64, .08);
  --menu-lines: #1F3D2E;

  --card-shadow: 0 1px 2px rgba(27, 51, 40, .04), 0 18px 40px -24px rgba(27, 51, 40, .28);
  --card-shadow-hover: 0 1px 2px rgba(27, 51, 40, .05), 0 30px 54px -28px rgba(27, 51, 40, .4);
  --card-hover-border: rgba(193, 154, 85, .5);
  --hatch: rgba(193, 154, 85, .13);
  --ripple: rgba(193, 154, 85, .55);

  --contact-bg: #1B3328;
  --contact-border: rgba(193, 154, 85, .6);
  --contact-outline: rgba(193, 154, 85, .32);
  --contact-shadow: 0 40px 80px -48px rgba(27, 51, 40, .6);

  --deco-ring: rgba(193, 154, 85, .30);
  --deco-glow-opacity: .35;
  --deco-trace: #C19A55;
  --deco-trace-opacity: .9;
  --dot: rgba(193, 154, 85, .75);
  --dot-fill: rgba(193, 154, 85, .45);
  --pulse-min: .4;
  --wave-min: .75;
  --wave-glow: rgba(193, 154, 85, .65);

  --logo-1: #DCBC7C;
  --logo-2: #B88F4B;
  --logo-3: #7E5D28;
  --duo-1: #E3C68B;
  --duo-2: #C19A55;
  --duo-3: #5A3A28;
  --duo-4: #3A261B;
  --sheen: #FFFFFF;
  --sheen-opacity: .9;
}

/* Блок контактов: в тёмной теме чуть ярче рамка */
.kz-contact-card {
  --deco-trace-opacity: .85;
}

/* В светлой теме блок контактов — тёмно-зелёный «остров»:
   светлый текст и золотые кнопки, как в тёмной теме */
:root[data-theme="light"] .kz-contact-card {
  --text: #F7F4EC;
  --text-soft: #C9D6CD;
  --text-faint: #A9BBAE;
  --accent: #E8CD92;
  --btn-bg: #C19A55;
  --btn-fg: #15110B;
  --btn-hover-bg: #D9BA7B;
  --btn-hover-fg: #15110B;
  --ghost-fg: #E8CD92;
  --ghost-border: rgba(232, 205, 146, .55);
  --ghost-hover-bg: rgba(232, 205, 146, .12);
  --ghost-hover-border: #E8CD92;
  --ghost-hover-fg: #F5E6C2;
  --deco-glow-opacity: .14;
  --deco-trace: #F2DCA4;
  --deco-trace-opacity: .9;
}