@font-face {
    font-family: "Conthrax";
    src: url("../fonts/Conthrax-SemiBold.8302ec9ac654.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
  /* mozagon corporate identity */
  --eq-void: #050505;
  --eq-graphite: #161618;
  --eq-purple: #7b2ff7;
  --eq-purple-bright: #a855f7;
  --eq-purple-soft: #c084fc;
  --eq-purple-deep: #2e1065;
  --eq-cyan: #00f2fe;
  --eq-cyan-soft: #67e8f9;
  --eq-cyan-deep: #0891b2;
  --eq-platinum: #cbd5e1;
  --eq-silver: #94a3b8;
  --eq-bone: #f9f9f9;
  --eq-ring-gradient: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 35%, #94a3b8 62%, #e2e8f0 100%);
  --eq-moza-gradient: linear-gradient(135deg, #c084fc 0%, #a855f7 42%, #7b2ff7 100%);
  --eq-gon-gradient: linear-gradient(135deg, #67e8f9 0%, #00f2fe 48%, #22d3ee 100%);
  --eq-glow-purple: 0 0 32px rgba(123, 47, 247, 0.35);
  --eq-glow-cyan: 0 0 28px rgba(0, 242, 254, 0.28);
  --eq-brand-radius: 999px;
  --eq-brand-shell-border: rgba(192, 132, 252, 0.38);
  --eq-brand-shell-shadow: 0 8px 28px rgba(0, 0, 0, 0.55), 0 0 18px rgba(123, 47, 247, 0.18);

  --hero-brand-mix: linear-gradient(
    120deg,
    #7b2ff7 0%,
    #c084fc 12%,
    #22d3ee 28%,
    #00f2fe 44%,
    #a855f7 58%,
    #06b6d4 74%,
    #6d28d9 88%,
    #7b2ff7 100%
  );

  /* Vektra core */
  --vektra-void: #050505;
  --vektra-graphite: #161618;
  --vektra-bone: #f9f9f9;
  --vektra-cyan: #00f2fe;
  --vektra-purple: #7b2ff7;
  --vektra-platinum: #cbd5e1;
  --vektra-platinum-bright: #f8fafc;
  --vektra-slate-300: #cbd5e1;
  --vektra-slate-400: #94a3b8;
  --vektra-slate-500: #64748b;

  /* Legacy aliases (Tailwind soweda-* classes) */
  --soweda-void-black: var(--vektra-void);
  --soweda-graphite-glass: var(--vektra-graphite);
  --soweda-bone-white: var(--vektra-bone);
  --soweda-cyan: var(--vektra-cyan);
  --soweda-purple: var(--vektra-purple);
  --soweda-slate-300: var(--vektra-slate-300);
  --soweda-slate-400: var(--vektra-slate-400);
  --soweda-slate-500: var(--vektra-slate-500);

  /* Surfaces */
  --vektra-glass-surface: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.06) 0%,
    rgba(255, 255, 255, 0.01) 100%
  );
  --vektra-glass-border: rgba(255, 255, 255, 0.12);
  --vektra-glass-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
  --soweda-glass-surface: var(--vektra-glass-surface);
  --soweda-glass-border: var(--vektra-glass-border);
  --soweda-glass-shadow: var(--vektra-glass-shadow);

  /* Wordmark gradient */
  --vektra-wordmark-base: linear-gradient(
    162deg,
    #94a3b8 0%,
    #cbd5e1 22%,
    #f1f5f9 44%,
    #ffffff 52%,
    #e2e8f0 68%,
    #94a3b8 100%
  );

  /* Motion */
  --vektra-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --soweda-ease-standard: var(--vektra-ease);
  --soweda-ease-soft: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* Premium / luxury layer */
  --lux-hairline: rgba(203, 213, 225, 0.1);
  --lux-hairline-strong: rgba(203, 213, 225, 0.18);
  --lux-platinum-line: linear-gradient(
    90deg,
    transparent 0%,
    rgba(148, 163, 184, 0.22) 20%,
    rgba(226, 232, 240, 0.55) 50%,
    rgba(148, 163, 184, 0.22) 80%,
    transparent 100%
  );
  --lux-surface-dark: linear-gradient(
    168deg,
    rgba(14, 18, 30, 0.94) 0%,
    rgba(8, 10, 18, 0.9) 48%,
    rgba(6, 8, 14, 0.92) 100%
  );
  --lux-shadow-soft: 0 22px 56px rgba(0, 0, 0, 0.38);
  --lux-shadow-card: 0 16px 40px rgba(2, 6, 23, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.07);
  --lux-letter-caps: 0.24em;
  --lux-heading-silver: linear-gradient(
    162deg,
    #64748b 0%,
    #94a3b8 18%,
    #e2e8f0 42%,
    #f8fafc 50%,
    #cbd5e1 68%,
    #94a3b8 100%
  );
  --lux-accent-gradient: linear-gradient(
    118deg,
    #a78bfa 0%,
    #c4b5fd 22%,
    #94a3b8 48%,
    #67e8f9 72%,
    #7c3aed 100%
  );

  /* Luxury neon accents — refined, not garish */
  --lux-neon-line: linear-gradient(
    90deg,
    transparent 0%,
    rgba(124, 58, 237, 0.42) 24%,
    rgba(103, 232, 249, 0.52) 50%,
    rgba(124, 58, 237, 0.42) 76%,
    transparent 100%
  );
  --lux-neon-rim: linear-gradient(
    118deg,
    rgba(167, 139, 250, 0.38) 0%,
    rgba(148, 163, 184, 0.1) 42%,
    rgba(103, 232, 249, 0.4) 100%
  );
  --lux-neon-eyebrow: linear-gradient(
    92deg,
    #a78bfa 0%,
    #c4b5fd 28%,
    #67e8f9 58%,
    #a78bfa 100%
  );
  --lux-neon-glow-dual:
    0 0 28px rgba(124, 58, 237, 0.11),
    0 0 44px rgba(8, 145, 178, 0.08);
  --lux-neon-card-rim:
    inset 0 1px 0 rgba(167, 139, 250, 0.18),
    inset 0 -1px 0 rgba(103, 232, 249, 0.06);
}

html.theme-light {
  --eq-brand-shell-border: rgba(123, 47, 247, 0.22);
  --eq-brand-shell-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 14px rgba(123, 47, 247, 0.1);
  --hero-brand-mix: linear-gradient(
    120deg,
    #6d28d9 0%,
    #7c3aed 12%,
    #0891b2 28%,
    #06b6d4 44%,
    #9333ea 58%,
    #0e7490 74%,
    #7c3aed 88%,
    #6d28d9 100%
  );
  --vektra-void: #f4f8fc;
  --vektra-graphite: #eaf0f7;
  --vektra-bone: #0f172a;
  --vektra-glass-border: rgba(15, 23, 42, 0.12);
  --vektra-glass-shadow: 0 20px 42px rgba(15, 23, 42, 0.08);
  --lux-neon-line: linear-gradient(
    90deg,
    transparent 0%,
    rgba(109, 40, 217, 0.28) 24%,
    rgba(8, 145, 178, 0.34) 50%,
    rgba(109, 40, 217, 0.28) 76%,
    transparent 100%
  );
  --lux-neon-rim: linear-gradient(
    118deg,
    rgba(124, 58, 237, 0.22) 0%,
    rgba(148, 163, 184, 0.06) 42%,
    rgba(8, 145, 178, 0.24) 100%
  );
  --lux-neon-eyebrow: linear-gradient(
    92deg,
    #6d28d9 0%,
    #7c3aed 30%,
    #0e7490 62%,
    #6d28d9 100%
  );
  --lux-neon-glow-dual:
    0 0 24px rgba(124, 58, 237, 0.07),
    0 0 36px rgba(8, 145, 178, 0.05);
  --lux-neon-card-rim:
    inset 0 1px 0 rgba(124, 58, 237, 0.12),
    inset 0 -1px 0 rgba(8, 145, 178, 0.05);
}