/* ==========================================================================
   CONFETTO ARTISANAL BAKERY - THEME SYSTEM (LIGHT & DARK)
   ========================================================================== */

:root, [data-theme="light"] {
  --color-primary: #D94A68;
  --color-primary-hover: #BF3250;
  --color-primary-light: #FDECEF;
  --color-primary-rgb: 217, 74, 104;

  --color-secondary: #FFF7ED;
  --color-secondary-hover: #FEEDD8;

  --color-accent: #D97706;
  --color-accent-hover: #B45309;
  --color-accent-light: #FEF3C7;

  --color-bg: #FAF7F5;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F5EFEB;
  --color-surface-glass: rgba(255, 255, 255, 0.92);

  --color-text: #1F191A;
  --color-text-muted: #6B5E63;
  --color-text-subtle: #96868C;

  --color-border: #EBE1D9;
  --color-border-light: #F6EFEA;

  --color-success: #15803D;
  --color-success-bg: #DCFCE7;
  --color-warning: #B45309;
  --color-warning-bg: #FEF3C7;
  --color-error: #B91C1C;
  --color-error-bg: #FEE2E2;

  --color-discount-badge: #E11D48;
  --color-badge-bg: #FFE4E6;
  --color-eggless-green: #15803D;

  --theme-toggle-icon-color: #D97706;
}

[data-theme="dark"] {
  --color-primary: #FF6B8B;
  --color-primary-hover: #FF8BA5;
  --color-primary-light: rgba(255, 107, 139, 0.18);
  --color-primary-rgb: 255, 107, 139;

  --color-secondary: #271E22;
  --color-secondary-hover: #352A30;

  --color-accent: #FBBF24;
  --color-accent-hover: #F59E0B;
  --color-accent-light: rgba(251, 191, 36, 0.15);

  --color-bg: #141012;
  --color-surface: #1E171B;
  --color-surface-alt: #292025;
  --color-surface-glass: rgba(30, 23, 27, 0.92);

  --color-text: #F7EFF1;
  --color-text-muted: #B3A4AA;
  --color-text-subtle: #7E7076;

  --color-border: #3A2F35;
  --color-border-light: #2A2126;

  --color-success: #4ADE80;
  --color-success-bg: rgba(74, 222, 128, 0.15);
  --color-warning: #FBBF24;
  --color-warning-bg: rgba(251, 191, 36, 0.15);
  --color-error: #F87171;
  --color-error-bg: rgba(248, 113, 113, 0.15);

  --color-discount-badge: #FB7185;
  --color-badge-bg: rgba(251, 113, 133, 0.2);
  --color-eggless-green: #4ADE80;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.6);

  --theme-toggle-icon-color: #60A5FA;
}