:root{
  --ink: #0b0d12;
  --background: #0b0d12;
  --surface: #151a22;
  --surface-2: #1c212b;
  --surface-3: #10141c;
  --border: #272d3a;
  --border-soft: rgba(255,255,255,0.08);
  --border-accent: rgba(122,77,255,0.2);
  --foreground: #f4f5f7;
  --muted: #a2a8b4;
  --muted-2: #7f8795;
  --plum: #5b2dbb;
  --plum-soft: #7a4dff;
  --plum-deep: #2b174f;
  --gold: #c9a35c;
  --gold-soft: #e4cd9a;
  --white: #ffffff;
  --black: #000000;
  --shadow-frame: 0 1px 0 rgba(255,255,255,0.03), 0 4px 16px rgba(0,0,0,0.4);
  --shadow-edge: 0 2px 0 rgba(122,77,255,0.15), 0 8px 32px rgba(0,0,0,0.5);
  --shadow-depth: 0 12px 48px rgba(0,0,0,0.6);
  --shadow-accent: 0 4px 24px rgba(122,77,255,0.3);
  --r-tight: 3px;
  --r-s: 6px;
  --r-m: 10px;
  --r-l: 14px;
  --tap-target: 44px;
  --g-studio-depth:
    radial-gradient(circle at 20% 10%, rgba(122,77,255,0.12) 0%, rgba(13,16,22,0) 45%),
    radial-gradient(circle at 80% 0%, rgba(201,163,92,0.08) 0%, rgba(13,16,22,0) 50%),
    linear-gradient(180deg, #0b0d12 0%, #090a0e 100%);
  --g-booth-spotlight:
    radial-gradient(1200px 600px at 50% 0%, rgba(255,255,255,0.04) 0%, rgba(13,16,22,0) 60%),
    radial-gradient(900px 500px at 20% 10%, rgba(122,77,255,0.1) 0%, rgba(13,16,22,0) 55%),
    radial-gradient(900px 500px at 85% 15%, rgba(201,163,92,0.06) 0%, rgba(13,16,22,0) 60%),
    linear-gradient(180deg, #0b0d12 0%, #080910 100%);
  --g-page:
    radial-gradient(1400px 700px at 50% -10%, rgba(255,255,255,0.04) 0%, rgba(13,16,22,0) 60%),
    radial-gradient(1100px 600px at 18% 0%, rgba(122,77,255,0.12) 0%, rgba(13,16,22,0) 60%),
    radial-gradient(1100px 600px at 92% 12%, rgba(201,163,92,0.08) 0%, rgba(13,16,22,0) 62%),
    linear-gradient(180deg, #0b0d12 0%, #080910 100%);
  --g-accent-plum: linear-gradient(135deg, #5b2dbb 0%, #7a4dff 100%);
  --g-accent-gold: linear-gradient(135deg, #c9a35c 0%, #e4cd9a 100%);
  --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-serif: "Times New Roman", Times, Georgia, "Iowan Old Style", serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --fs-body: clamp(1rem, 0.45vw + 0.9rem, 1.15rem);
  --fs-body-lg: clamp(1.05rem, 0.6vw + 0.95rem, 1.3rem);
  --fs-lead: clamp(1.15rem, 0.9vw + 0.95rem, 1.45rem);
  --fs-h6: clamp(1rem, 0.5vw + 0.9rem, 1.15rem);
  --fs-h5: clamp(1.08rem, 0.7vw + 0.95rem, 1.25rem);
  --fs-h4: clamp(1.2rem, 0.9vw + 1rem, 1.5rem);
  --fs-h3: clamp(1.55rem, 2.2vw, 1.9rem);
  --fs-h2: clamp(2.0rem, 3.2vw, 2.6rem);
  --fs-h1: clamp(2.6rem, 4.5vw, 3.5rem);
  --fs-hero: clamp(3.2rem, 6.2vw, 5.2rem);
  --sp-0: 0px;
  --sp-10: 0.75rem;
  --sp-15: 0.95rem;
  --sp-20: 1.25rem;
  --sp-30: 1.75rem;
  --sp-40: 2.5rem;
  --sp-50: 3.5rem;
  --sp-60: 5rem;
  --sp-70: 7rem;
  --sp-80: 9rem;
  --sp-90: 11rem;
  --content: 900px;
  --wide: 1520px;
  --mc-panel-bg: rgba(12,14,20,0.96);
  --mc-panel-border: rgba(122,77,255,0.28);
  --mc-panel-glow: 0 24px 70px rgba(0,0,0,0.6);
  --mc-surface: rgba(16,20,30,0.75);
  --mc-surface-2: rgba(18,22,34,0.55);
  --mc-line: rgba(255,255,255,0.08);
}


@media (max-width: 720px) {
  :root{
    --fs-body: clamp(1.02rem, 1.2vw + 0.85rem, 1.2rem);
    --fs-lead: clamp(1.15rem, 1.8vw + 0.9rem, 1.5rem);
    --fs-hero: clamp(2.3rem, 9vw, 3.4rem);
    --sp-30: 1.2rem;
    --sp-40: 2rem;
    --sp-50: 2.6rem;
    --sp-60: 3.6rem;
    --sp-70: 4.4rem;
    --sp-80: 5.2rem;
  }
}