/* ═══════════════════════════════════════════════════════
   PRICELIO — E1 Design Tokens ("Apple + Anthropic" calm system)
   Scope: index.html + lt.html ONLY. Loaded AFTER shared.css so it
   wins the cascade for these two pages without touching shared.css
   (shared.css is used sitewide — gr.html, product.html, auth.html…
   — and must not be re-skinned by this migration, see E1 brief).

   Convention preserved from shared.css: default :root (no
   data-theme attribute) = DARK. :root[data-theme="light"] = light
   override. This matches shared-ui.js's toggle (setAttribute +
   localStorage) and — critically — matches the large amount of
   hardcoded rgba(255,255,255,…) text-on-dark-canvas styling still
   present inline throughout index.html/lt.html/landing.css/market.css.
   Flipping the *default* to light without rewriting every one of
   those inline colors would make body text invisible for anyone who
   hasn't explicitly toggled — so we keep dark-as-default and only
   replace the VALUES with the new calm palette.
═══════════════════════════════════════════════════════ */

:root {
  /* Canvas — calm near-black, not violet */
  --bg-primary: #131316;
  --bg-secondary: #1c1c20;
  --bg-tertiary: #202024;
  --bg-card: #1c1c20;
  --bg-card-hover: #232327;

  /* Single flat accent (no gradients) */
  --accent-primary: #a78bfa;
  --accent-primary-soft: #a78bfa;
  --accent-primary-glow: rgba(167, 139, 250, .12);
  --accent-secondary: #34d399;        /* semantic "live/positive" green, not decorative */
  --accent-secondary-soft: #34d399;
  --accent-secondary-glow: rgba(52, 211, 153, .12);
  --accent-gradient: var(--accent-primary); /* gradients banned — flat alias */
  --purple-accent: var(--accent-primary);
  --purple-glow: rgba(167, 139, 250, .12);

  /* "Glass"/legacy surface aliases — flattened to plain card surface */
  --glass-bg: var(--bg-card);
  --glass-border: var(--border-subtle);

  /* Text */
  --text-primary: #f1f0f5;
  --text-secondary: #a3a1ab;
  --text-muted: rgba(241, 240, 245, .55);

  /* Borders */
  --border-subtle: rgba(255, 255, 255, .08);
  --border-hover: rgba(255, 255, 255, .18);

  /* Nav surface (used as fallback var in shared.css nav rule) */
  --nav-bg: rgba(19, 19, 22, .88);

  /* Radius — 8–12px range, no clay 18–32px shapes */
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 12px;

  /* One shadow level everywhere */
  --shadow: 0 1px 3px rgba(0, 0, 0, .4);

  /* Typography */
  --font-ui: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Source Serif 4', Georgia, serif;
}

/* Explicit light override — set by the existing theme-toggle button
   (shared-ui.js -> data-theme="light" + localStorage) */
:root[data-theme="light"] {
  --bg-primary: #f6f6f9;
  --bg-secondary: #ffffff;
  --bg-tertiary: #eeeef2;
  --bg-card: #ffffff;
  --bg-card-hover: #fafafa;

  --accent-primary: #7c3aed;
  --accent-primary-soft: #7c3aed;
  --accent-primary-glow: rgba(124, 58, 237, .08);
  --accent-secondary: #0d7a5f;
  --accent-secondary-soft: #0d7a5f;
  --accent-secondary-glow: rgba(13, 122, 95, .08);
  --accent-gradient: var(--accent-primary);
  --purple-accent: var(--accent-primary);
  --purple-glow: rgba(124, 58, 237, .08);

  --glass-bg: var(--bg-card);
  --glass-border: var(--border-subtle);

  --text-primary: #17171a;
  --text-secondary: #68666f;
  --text-muted: rgba(23, 23, 26, .55);

  --border-subtle: rgba(23, 23, 26, .15);
  --border-hover: rgba(23, 23, 26, .28);

  --nav-bg: rgba(246, 246, 249, .88);
  --shadow: 0 2px 10px rgba(23, 23, 26, .09);
}

/* ── Base overrides for shared.css structural rules on these 2 pages ── */
body { font-family: var(--font-ui); }

/* Grain texture — lt.html's dark canvas has this fractal-noise overlay,
   user explicitly likes it ("tas tamsu bet grūdėtas") and asked for it on
   index.html too, plus a subtle drift on scroll. Kept very low-opacity
   (.025) so it reads as texture, not as visible static/noise. The drift
   (translateY, see landing.js/market.js noiseParallax()) is deliberately
   tiny (~4% of scroll distance) — enough to feel alive, not distracting. */
.noise {
  position: fixed;
  inset: -60px 0 0 0;
  pointer-events: none;
  z-index: 1;
  opacity: .025;
  will-change: transform;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
}
@media (prefers-reduced-motion: reduce) {
  .noise { transform: none !important; }
}

h1, h2, h3,
.hero-title, .section-title, .cta-title, .wow-final,
.deals-title, .story-hook, .waitlist-title, .biz-title,
.milestone-title, .country-name {
  font-family: var(--font-display);
  font-weight: 600;
}

/* Nav / footer flattened (shared.css still defines structure; we only
   neutralize the leftover glow/gradient-text look here) */
.nav-logo-mark { box-shadow: none; }
.nav-logo-text { font-family: var(--font-ui); font-weight: 600; }
.footer-logo { font-family: var(--font-ui); font-weight: 600; letter-spacing: .04em; }
.theme-toggle { box-shadow: var(--shadow); }
.theme-toggle:hover { box-shadow: var(--shadow); transform: translateY(-1px); }

.nav-links-group { display: flex; gap: 12px; align-items: center; }

/* index/lt.html nav used its own .nav-country-links markup, never wired into
   shared.css's .nav-hamburger/.nav-mobile-menu pattern (that pattern only
   targeted .nav-links/.nav-actions, different classes) — on mobile all 5
   pill links + lang switcher crammed into one row and overflowed/got clipped
   by the page. Hide the link group behind the existing hamburger instead. */
@media (max-width: 768px) {
  .nav-links-group { display: none; }
  .nav-hamburger { display: block; }
}