/* ==========================================================================
   SHABBY MAX — design tokens
   ========================================================================== */

/* ---------- Шрифт Jura (с кириллицей) ---------- */

@font-face {
  font-family: "Jura";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/jura-v34-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2") format("woff2");
}

@font-face {
  font-family: "Jura";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/jura-v34-cyrillic_cyrillic-ext_latin_latin-ext-600.woff2") format("woff2");
}

@font-face {
  font-family: "Jura";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/jura-v34-cyrillic_cyrillic-ext_latin_latin-ext-700.woff2") format("woff2");
}

:root {
  /* Colors — palette from spec */
  --color-deep-space: #090712;
  --color-midnight-purple: #150d26;
  --color-dark-violet: #24153d;
  --color-neon-pink: #ff2d95;
  --color-neon-cyan: #00f0ff;
  --color-electric-purple: #9b4dff;
  --color-sunset-orange: #ff7b32;
  --color-yellow-glow: #ffc84d;
  --color-green-glow: #00ff88;
  --color-white: #ffffff;

  --color-text: var(--color-white);
  --color-text-dim: rgba(255, 255, 255, 0.6);

  /* Fonts — fall back to CDN-safe display faces until real files land in fonts/ */
  --font-display: "Beon Regular", "Segoe UI", system-ui, sans-serif;
  --font-body: "Beon Regular", "Segoe UI", system-ui, sans-serif;  

  /* Logo sizing per breakpoint (applied in responsive.css) */
  --logo-size-desktop: 120px;
  --logo-size-tablet: 80px;
  --logo-size-mobile: 52px;

  /* Glass card */
  --glass-width: 1100px;
  --glass-min-height: 700px;
  --glass-radius: 30px;
  --glass-bg: rgba(10, 10, 20, 0.35);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-blur: 25px;

  /* Service cards */
  --card-width: 160px;
  --card-height: 170px;
  --card-radius: 18px;
  --card-transition: 550ms;

  /* Background sun */
  --sun-size: 820px;

  /* Animation timings */
  --dur-fast: 250ms;
  --dur-medium: 550ms;
  --dur-slow: 1200ms;
  --dur-breathe: 4s;
  --dur-flicker: 6s;
  --dur-float: 8s;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* z-index layers */
  --z-bg: 0;
  --z-particles: 5;
  --z-dashboard: 20;
  --z-easter-egg: 15;
  --z-crt: 40;
}