:root {
  /* —— SINDICON Immersive · Purple Noir —— */
  --bg-deep: #0a0512;
  --bg-elevated: #120820;
  --bg-surface: #1a0f2e;

  --color-primary: #9333ea;
  --color-primary-light: #a855f7;
  --color-primary-dark: #6b21a8;
  --color-neon: #c084fc;
  --color-ultraviolet: #7c3aed;
  --color-pearl-1: #e879f9;
  --color-pearl-2: #d8b4fe;
  --color-pearl-3: #a78bfa;

  --color-white: #ffffff;
  --color-background: var(--bg-deep);
  --color-text: #f3e8ff;
  --color-text-muted: #c4b5fd;

  --color-success: #34d399;
  --color-success-bg: rgba(52, 211, 153, 0.12);
  --color-warning: #fbbf24;
  --color-warning-bg: rgba(251, 191, 36, 0.12);
  --color-error: #f87171;
  --color-error-bg: rgba(248, 113, 113, 0.12);
  --color-info: #818cf8;
  --color-info-bg: rgba(129, 140, 248, 0.12);

  --color-gray-50: rgba(255, 255, 255, 0.04);
  --color-gray-100: rgba(255, 255, 255, 0.06);
  --color-gray-200: rgba(168, 85, 247, 0.18);
  --color-gray-300: rgba(168, 85, 247, 0.28);
  --color-gray-400: #a78bfa;
  --color-gray-500: #8b7cb8;
  --color-gray-600: #c4b5fd;
  --color-gray-700: #ddd6fe;
  --color-gray-900: var(--color-text);

  --color-birthday-start: #a855f7;
  --color-birthday-end: #ec4899;

  --digital-card-bg: linear-gradient(145deg, var(--color-primary-dark), var(--color-primary), var(--color-primary-light));
  --digital-card-birthday-bg: linear-gradient(145deg, var(--color-birthday-start), var(--color-birthday-end), var(--color-primary-light));
  --digital-card-border: rgba(255, 255, 255, 0.22);
  --digital-card-text: #ffffff;
  --digital-card-meta-border: rgba(255, 255, 255, 0.2);
  --digital-card-link: rgba(255, 255, 255, 0.95);
  --digital-card-inset: rgba(255, 255, 255, 0.12);

  --glass-bg: rgba(18, 8, 32, 0.55);
  --glass-bg-strong: rgba(26, 15, 46, 0.82);
  --glass-border: rgba(192, 132, 252, 0.22);
  --glass-border-hover: rgba(232, 121, 249, 0.45);
  --glass-blur: 20px;

  --glow-purple: 0 0 40px rgba(168, 85, 247, 0.35);
  --glow-neon: 0 0 60px rgba(192, 132, 252, 0.5), 0 0 120px rgba(124, 58, 237, 0.25);
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.45), 0 0 0 1px var(--glass-border);
  --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.5), var(--glow-purple);
  --shadow-elevated: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 80px rgba(147, 51, 234, 0.15);

  --gradient-pearl: linear-gradient(
    135deg,
    #c084fc 0%,
    #a855f7 22%,
    #e879f9 45%,
    #9333ea 68%,
    #7c3aed 100%
  );
  --gradient-card-shine: linear-gradient(
    125deg,
    rgba(255, 255, 255, 0.12) 0%,
    transparent 40%,
    transparent 60%,
    rgba(232, 121, 249, 0.08) 100%
  );

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Syne', var(--font-sans);

  --mouse-x: 50%;
  --mouse-y: 50%;
  --tilt-x: 0deg;
  --tilt-y: 0deg;

  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.45s var(--ease-out-expo);
}