:root {
  /* Brand */
  --color-primary: #C583FF;
  --color-secondary: #4A005E;

  /* Primary scale (light purple #C583FF) */
  --color-primary-50:  #FBF5FF;
  --color-primary-100: #F3E3FF;
  --color-primary-200: #E6C7FF;
  --color-primary-300: #D9ABFF;
  --color-primary-400: #CC97FF;
  --color-primary-500: #C583FF;
  --color-primary-600: #A766DB;
  --color-primary-700: #864AB2;
  --color-primary-800: #633188;
  --color-primary-900: #3F1B5C;

  /* Secondary scale (deep purple #4A005E) */
  --color-secondary-50:  #F6EBFA;
  --color-secondary-100: #E6CCEF;
  --color-secondary-200: #C798D8;
  --color-secondary-300: #A765BF;
  --color-secondary-400: #8438A3;
  --color-secondary-500: #6B1A87;
  --color-secondary-600: #5A0E73;
  --color-secondary-700: #4A005E;
  --color-secondary-800: #36004A;
  --color-secondary-900: #220035;

  /* Neutrals */
  --color-white:    #FFFFFF;
  --color-neutral-50:  #FAFAFB;
  --color-neutral-100: #F2F2F4;
  --color-neutral-200: #E4E4E8;
  --color-neutral-300: #C9C9D1;
  --color-neutral-400: #9A9AA8;
  --color-neutral-500: #6E6E7E;
  --color-neutral-600: #4D4D5A;
  --color-neutral-700: #34343F;
  --color-neutral-800: #1F1F28;
  --color-neutral-900: #0F0F16;
  --color-black:    #000000;

  /* Accent (complementary to purple — warm gold/amber for CTAs) */
  --color-accent-300: #FFD479;
  --color-accent-500: #FFB547;
  --color-accent-700: #C8862A;

  /* Semantic */
  --color-success: #2BB673;
  --color-warning: #F2A93B;
  --color-danger:  #E5484D;
  --color-info:    #5B8DEF;

  /* Surfaces */
  --surface-bg:        #FFFFFF;
  --surface-muted:     #FAF7FC;
  --surface-inverse:   #4A005E;
  --surface-elevated:  #FFFFFF;

  /* Text */
  --text-primary:      #220035;
  --text-secondary:    #4D4D5A;
  --text-muted:        #6E6E7E;
  --text-on-primary:   #FFFFFF;
  --text-on-secondary: #F3E3FF;
  --text-link:         #864AB2;

  /* Borders */
  --border-subtle:  #E6C7FF;
  --border-default: #C798D8;
  --border-strong:  #4A005E;

  /* Gradients */
  --gradient-brand:    linear-gradient(135deg, #C583FF 0%, #4A005E 100%);
  --gradient-soft:     linear-gradient(135deg, #F3E3FF 0%, #C583FF 100%);
  --gradient-deep:     linear-gradient(135deg, #4A005E 0%, #220035 100%);
  --gradient-radial:   radial-gradient(circle at 30% 20%, #C583FF 0%, #4A005E 70%);

  /* Shadows (tinted with brand) */
  --shadow-sm: 0 1px 2px rgba(74, 0, 94, 0.08);
  --shadow-md: 0 4px 12px rgba(74, 0, 94, 0.12);
  --shadow-lg: 0 12px 32px rgba(74, 0, 94, 0.18);
  --shadow-glow: 0 0 24px rgba(197, 131, 255, 0.45);
}

/* Dark theme override */
[data-theme="dark"] {
  --surface-bg:       #0F0F16;
  --surface-muted:    #1F1F28;
  --surface-elevated: #220035;
  --surface-inverse:  #C583FF;

  --text-primary:     #F3E3FF;
  --text-secondary:   #C9C9D1;
  --text-muted:       #9A9AA8;
  --text-link:        #C583FF;

  --border-subtle:  #34343F;
  --border-default: #633188;
  --border-strong:  #C583FF;
}