/* ==========================================================================
   PRISMA SMM — Design Tokens
   Central design system. Do not scatter colors around the project.
   All components consume tokens below.
   ========================================================================== */

:root {
  /* ---- Typography ---- */
  --prisma-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --prisma-font-size-xs: 12px;
  --prisma-font-size-sm: 13px;
  --prisma-font-size-md: 14px;
  --prisma-font-size-lg: 16px;
  --prisma-font-size-xl: 20px;
  --prisma-font-size-2xl: 26px;
  --prisma-font-size-3xl: 34px;
  --prisma-font-weight-normal: 400;
  --prisma-font-weight-medium: 500;
  --prisma-font-weight-semibold: 600;
  --prisma-font-weight-bold: 700;

  /* ---- Accent (price/highlight pop) ---- */
  --prisma-accent: #22D3EE;

  /* ---- Spacing scale ---- */
  --prisma-space-1: 4px;
  --prisma-space-2: 8px;
  --prisma-space-3: 12px;
  --prisma-space-4: 16px;
  --prisma-space-5: 20px;
  --prisma-space-6: 24px;
  --prisma-space-8: 32px;
  --prisma-space-10: 40px;
  --prisma-space-12: 48px;

  /* ---- Radius scale ---- */
  --prisma-radius-sm: 8px;
  --prisma-radius-md: 10px;
  --prisma-radius-lg: 14px;
  --prisma-radius-xl: 18px;
  --prisma-radius-2xl: 22px;
  --prisma-radius-pill: 999px;

  /* ---- Layout metrics ---- */
  --prisma-sidebar-width: 264px;
  --prisma-sidebar-width-collapsed: 76px;
  --prisma-navbar-height: 68px;
  --prisma-content-max: 1600px;
  --prisma-z-base: 1;
  --prisma-z-sticky: 100;
  --prisma-z-navbar: 120;
  --prisma-z-sidebar: 140;
  --prisma-z-overlay: 200;
  --prisma-z-modal: 300;
  --prisma-z-toast: 400;

  /* ---- Motion ---- */
  --prisma-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --prisma-duration-fast: 0.15s;
  --prisma-duration: 0.25s;
  --prisma-duration-slow: 0.4s;

  /* ---- Brand gradients ---- */
  --prisma-gradient-primary: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);
  --prisma-gradient-primary-soft: linear-gradient(135deg, rgba(139, 92, 246, 0.16) 0%, rgba(59, 130, 246, 0.16) 100%);
  --prisma-gradient-success: linear-gradient(135deg, #10B981 0%, #06B6D4 100%);
  --prisma-gradient-warning: linear-gradient(135deg, #F59E0B 0%, #F97316 100%);
  --prisma-gradient-danger: linear-gradient(135deg, #EF4444 0%, #EC4899 100%);
  --prisma-gradient-mesh: conic-gradient(from 180deg at 50% 50%, #8B5CF6 0deg, #3B82F6 120deg, #22D3EE 240deg, #8B5CF6 360deg);
  --prisma-gradient-aurora: linear-gradient(110deg, #8B5CF6 0%, #3B82F6 45%, #22D3EE 100%);

  /* ---- Candy glass / blur ---- */
  --prisma-glass: rgba(255, 255, 255, 0.06);
  --prisma-glass-strong: rgba(255, 255, 255, 0.09);
  --prisma-glass-border: rgba(255, 255, 255, 0.09);
  --prisma-glass-border-strong: rgba(255, 255, 255, 0.14);
  --prisma-blur-sm: blur(8px) saturate(1.3);
  --prisma-blur-md: blur(12px) saturate(1.4);
  --prisma-blur-lg: blur(18px) saturate(1.5);
  --prisma-blur-xl: blur(24px) saturate(1.6);

  /* ---- Candy motion ---- */
  --prisma-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --prisma-ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --prisma-duration-micro: 0.12s;
  --prisma-duration-reveal: 0.6s;

  /* ---- Candy glow / shadows ---- */
  --prisma-glow-candy: 0 0 40px rgba(139, 92, 246, 0.35), 0 8px 32px rgba(59, 130, 246, 0.2);
  --prisma-shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --prisma-shadow-float: 0 16px 48px rgba(2, 6, 16, 0.18);
}