:root {
  /* === CULORI PRINCIPALE === */
  --color-burgundy:        #6B1E2E;
  --color-burgundy-dark:   #4A1020;
  --color-burgundy-light:  #8B2A3D;
  --color-gold:            #B8943A;
  --color-gold-light:      #D4AF5A;
  --color-gold-pale:       #F5EDD8;

  /* === NEUTRALE === */
  --color-cream:           #FAF7F2;
  --color-cream-dark:      #F0EBE0;
  --color-white:           #FFFFFF;
  --color-charcoal:        #1C1C1E;
  --color-mid:             #4A4A50;
  --color-muted:           #8A8A92;
  --color-border:          rgba(107, 30, 46, 0.12);
  --color-border-gold:     rgba(184, 148, 58, 0.25);

  /* === SEMANTIC === */
  --color-success:         #2A6E2A;
  --color-success-bg:      #EEF7EE;
  --color-error:           #A0291A;
  --color-error-bg:        #FDF0EE;

  /* === TIPOGRAFIE === */
  --font-serif:   'Cormorant Garamond', 'Georgia', serif;
  --font-sans:    'DM Sans', 'Helvetica Neue', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* === MĂRIMI FONT === */
  --text-xs:    12px;
  --text-sm:    14px;
  --text-base:  16px;
  --text-md:    18px;
  --text-lg:    22px;
  --text-xl:    28px;
  --text-2xl:   36px;
  --text-3xl:   48px;
  --text-4xl:   64px;

  /* === SPAȚIERE === */
  --space-1:    4px;
  --space-2:    8px;
  --space-3:    12px;
  --space-4:    16px;
  --space-5:    20px;
  --space-6:    24px;
  --space-8:    32px;
  --space-10:   40px;
  --space-12:   48px;
  --space-16:   64px;
  --space-20:   80px;
  --space-24:   96px;

  /* === LAYOUT === */
  --container-max:   960px;
  --container-wide:  1200px;
  --radius-sm:       4px;
  --radius-md:       8px;
  --radius-lg:       12px;
  --radius-xl:       20px;
  --radius-full:     9999px;

  /* === SHADOWS === */
  --shadow-sm:   0 1px 3px rgba(28,28,30,0.08);
  --shadow-md:   0 4px 16px rgba(28,28,30,0.10);
  --shadow-lg:   0 8px 32px rgba(28,28,30,0.12);

  /* === TRANZIȚII === */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;

  /* === Z-INDEX === */
  --z-nav:     100;
  --z-overlay: 200;
  --z-modal:   300;
  --z-toast:   400;
}