/* Дизайн-токены. Цвета темы, шрифты, отступы, скорость анимаций — меняются здесь. */
@font-face { font-family: 'Jost'; src: url('../assets/fonts/Jost.ttf') format('truetype'); font-weight: 100 900; font-display: swap; }

:root {
  --font: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  --font-d: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  --ease: cubic-bezier(.22, .8, .2, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
  --r: 22px; --r-sm: 14px;
  --pad: clamp(20px, 5vw, 64px);
  --maxw: 1240px;
  --head: 68px;

  --t-xs: clamp(.72rem, .7rem + .1vw, .78rem);
  --t-sm: clamp(.85rem, .82rem + .15vw, .94rem);
  --t-md: clamp(1rem, .96rem + .2vw, 1.1rem);
  --t-lg: clamp(1.2rem, 1.05rem + .6vw, 1.5rem);
  --t-xl: clamp(2.1rem, 1.3rem + 3.6vw, 4.6rem);
  --t-xxl: clamp(2.5rem, 1.4rem + 5vw, 6.2rem);

  --glow: #8a8f99;   /* цвет свечения — меняется выбором цвета */
}
[data-theme="dark"] {
  --bg: #060607; --bg2: #0c0c0e;
  --ink: #f2f2f0; --ink2: rgba(242, 242, 240, .72); --muted: rgba(242, 242, 240, .5);
  --line: rgba(255, 255, 255, .12); --line2: rgba(255, 255, 255, .24);
  --glass: rgba(16, 16, 18, .52); --glass2: rgba(28, 28, 32, .7);
  --solid: #f2f2f0; --on-solid: #0a0a0b;
  --veil: radial-gradient(120% 80% at 50% 40%, rgba(6, 6, 7, .1), rgba(6, 6, 7, .72) 70%, rgba(6, 6, 7, .9));
  --shadow: 0 30px 80px rgba(0, 0, 0, .55);
  --mp-glow: rgba(235, 240, 245, .35);
  color-scheme: dark;
}
[data-theme="light"] {
  --bg: #f1f1ef; --bg2: #e8e8e5;
  --ink: #121214; --ink2: rgba(18, 18, 20, .74); --muted: rgba(18, 18, 20, .52);
  --line: rgba(0, 0, 0, .1); --line2: rgba(0, 0, 0, .22);
  --glass: rgba(255, 255, 255, .55); --glass2: rgba(255, 255, 255, .78);
  --solid: #121214; --on-solid: #f6f6f4;
  --veil: radial-gradient(120% 80% at 50% 40%, rgba(241, 241, 239, .05), rgba(241, 241, 239, .6) 70%, rgba(241, 241, 239, .85));
  --shadow: 0 30px 70px rgba(0, 0, 0, .14);
  --mp-glow: rgba(0, 0, 0, .18);
  color-scheme: light;
}
html[lang="ja"] { --font: 'Jost', 'Noto Sans JP', sans-serif; --font-d: 'Jost', 'Noto Sans JP', sans-serif; }
html[lang="ar"] { --font: 'Noto Kufi Arabic', 'Jost', sans-serif; --font-d: 'Noto Kufi Arabic', 'Jost', sans-serif; }