:root {
  --primary:        #EE4D2D;
  --primary-dark:   #D73C1D;
  --primary-light:  #FF6B4A;
  --primary-bg:     #FFF5F3;
  --secondary:      #FF9800;
  --gold:           #FFD700;
  --success:        #00B14F;
  --blue:           #1A94FF;

  --bg:             #F5F5F5;
  --bg-card:        #FFFFFF;
  --white:          #FFFFFF;
  --text:           #212121;
  --text-secondary: #555555;
  --text-light:     #909090;
  --border:         #E5E5E5;
  --border-hover:   #CCCCCC;

  --shadow-sm:      0 1px 4px rgba(0,0,0,0.08);
  --shadow:         0 2px 12px rgba(0,0,0,0.10);
  --shadow-hover:   0 6px 24px rgba(0,0,0,0.16);
  --shadow-card:    0 1px 6px rgba(0,0,0,0.08);

  --radius-sm:      4px;
  --radius:         8px;
  --radius-lg:      12px;
  --radius-xl:      20px;
  --radius-full:    9999px;

  --transition:     all 0.22s cubic-bezier(0.4,0,0.2,1);
  --transition-fast:all 0.12s ease;

  --font:           'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
  --font-size-xs:   11px;
  --font-size-sm:   12px;
  --font-size-base: 14px;
  --font-size-md:   16px;
  --font-size-lg:   18px;
  --font-size-xl:   22px;
  --font-size-2xl:  28px;

  --container:      1280px;
  --header-h:       56px;
  --nav-h:          42px;
  --z-header:       100;
  --z-modal:        200;
  --z-tooltip:      300;
}