/**
 * Linda Store Design System - CSS Variables & Tokens
 * Specification: Linda Boutique Collection
 */

:root {
  /* Brand Primary Colors */
  --linda-primary: #b90064;
  --linda-primary-dark: #b0124a;
  --linda-primary-container: #e6007e;
  --linda-primary-light: #f48fb1;
  --linda-primary-rgb: 185, 0, 100;

  /* Boutique Gold Accent */
  --linda-gold: #c5a059;
  --linda-gold-text: #8a671d;
  --linda-gold-border: #d4af37;
  --linda-gold-light: #f5eee2;

  /* Surface Scale (Backgrounds & Containers) */
  --linda-surface: #ffffff;
  --linda-background: #fff0f5;
  --linda-surface-1: #fff8f8;
  --linda-surface-2: #fff0f2;
  --linda-surface-3: #ffe8ed;
  --linda-surface-4: #ffe1e8;
  --linda-surface-5: #f9dbe2;

  /* Text & Foreground */
  --linda-text: #27171c;
  --linda-text-muted: #4a0e17;
  --linda-text-variant: #5a3f47;
  --linda-text-light: #ffffff;

  /* Outlines & Borders */
  --linda-border: #f3c2ce;
  --linda-outline: #8e6f77;
  --linda-outline-variant: #e2bdc7;
  --linda-soft-grey: #f5f5f5;
  --linda-divider-grey: #e0e0e0;

  /* Status Colors */
  --linda-success: #2e7d32;
  --linda-success-bg: #e8f5e9;
  --linda-warning: #b24a00;
  --linda-warning-bg: #fff4e5;
  --linda-danger: #c62828;
  --linda-danger-bg: #ffebee;
  --linda-info: #01579b;
  --linda-info-bg: #e1f5fe;

  /* Typography */
  --linda-font-title: 'Playfair Display', Georgia, serif;
  --linda-font-body: 'Hanken Grotesk', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --linda-font-emblem: 'Cinzel', serif;

  /* Font Sizes */
  --linda-font-xs: 0.75rem;    /* 12px */
  --linda-font-sm: 0.875rem;   /* 14px */
  --linda-font-base: 1rem;     /* 16px */
  --linda-font-lg: 1.125rem;   /* 18px */
  --linda-font-xl: 1.25rem;    /* 20px */
  --linda-font-2xl: 1.5rem;    /* 24px */
  --linda-font-3xl: 1.875rem;  /* 30px */
  --linda-font-4xl: 2.25rem;   /* 36px */

  /* Border Radii */
  --linda-radius-sm: 6px;
  --linda-radius-md: 12px;
  --linda-radius-lg: 20px;
  --linda-radius-full: 9999px;

  /* Elevation Shadows */
  --linda-shadow-sm: 0 1px 3px rgba(39, 23, 28, 0.08);
  --linda-shadow-md: 0 4px 12px rgba(39, 23, 28, 0.1);
  --linda-shadow-lg: 0 8px 24px rgba(39, 23, 28, 0.14);
  --linda-shadow-pink-glow: 0 4px 20px rgba(185, 0, 100, 0.18);
  --linda-shadow-gold-glow: 0 4px 15px rgba(212, 175, 55, 0.25);

  /* Transitions */
  --linda-transition-fast: 0.15s ease;
  --linda-transition-base: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --linda-transition-slow: 0.4s ease;

  /* Z-Index Hierarchy */
  --linda-z-dropdown: 1000;
  --linda-z-sticky: 1020;
  --linda-z-drawer: 1040;
  --linda-z-backdrop: 1050;
  --linda-z-modal: 1060;
  --linda-z-toast: 1070;
  --linda-z-tooltip: 1080;
}