/* MMM — design tokens (overridable from admin design panel) */

:root {
  /* ── Color tokens (overridable from admin design panel) ── */
  --purple:       #7c3aed;
  --purple-light: #a855f7;
  --purple-dark:  #5b21b6;
  --pink:         #ec4899;
  --orange:       #f97316;
  --yellow:       #fbbf24;
  --green:        #10b981;
  --teal:         #14b8a6;
  --blue:         #3b82f6;
  --red:          #ef4444;
  --surface:      #ffffff;
  --surface-alt:  #fdf4ff;
  --page-bg:      #fef9f0;
  --text-primary: #0d0d0d;
  --text-muted:   #5a5a72;

  /* ── Neo-brutalist structural tokens ── */
  --neo-border:   #0d0d0d;
  --neo-border-w: 2.5px;
  --neo-shadow-x: 4px;
  --neo-shadow-y: 4px;
  --neo-shadow:   var(--neo-shadow-x) var(--neo-shadow-y) 0 0 var(--neo-border);
  --neo-shadow-sm: 3px 3px 0 0 var(--neo-border);
  --neo-shadow-lg: 6px 6px 0 0 var(--neo-border);

  /* Kept for JS compat — mapped to neo equivalents */
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --shadow-strength: 0.2;
  --shadow-sm: var(--neo-shadow-sm);
  --shadow-md: var(--neo-shadow);
  --shadow-lg: var(--neo-shadow-lg);
  --border-soft: var(--neo-border-w) solid var(--neo-border);
  --transition: all 0.15s ease;
  --font-main: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --gradient-hero: linear-gradient(135deg, var(--purple-dark), var(--pink));
  --gradient-soft: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(236,72,153,0.12));
}