:root {
  --primary-color: #a9123a; /* primary 70 */
  --primary-rgb: 169, 18, 58;
  --primary-10: #fce6e7; /* primary 10 */
  --primary-20: #fad1d4; /* primary 20 */
  --primary-30: #f7aab1; /* primary 30 */
  --primary-40: #f77b88; /* primary 40 */
  --primary-50: #e74c61; /* primary 50 */
  --primary-60: #d32b4a; /* primary 60 */
  --primary-70: #a9123a; /* primary 70 - main */
  --primary-80: #951c3a; /* primary 80 */
  --primary-90: #801b36; /* primary 90 */
  --primary-100: #470a19; /* primary 100 */
  
  --secondary-color: #c73d59; /* secondary 60 */
  --secondary-rgb: 199, 61, 89;
  --secondary-10: #fae9f0; /* secondary 10 */
  --secondary-20: #f7d3e0; /* secondary 20 */
  --secondary-30: #f1b0c6; /* secondary 30 */
  --secondary-40: #e77fe0; /* secondary 40 */
  --secondary-50: #dc587e; /* secondary 50 */
  --secondary-60: #c73d59; /* secondary 60 - main */
  --secondary-70: #ae2845; /* secondary 70 */
  --secondary-80: #b0243a; /* secondary 80 */
  --secondary-90: #782334; /* secondary 90 */
  --secondary-100: #4b0e19; /* secondary 100 */
  
  --gray: #e7e7e7; /* gray 10 */
  --gray-10: #e7e7e7; /* gray 10 */
  --gray-20: #d1d1d1; /* gray 20 */
  --gray-30: #b0b0b0; /* gray 30 */
  --gray-40: #888888; /* gray 40 */
  --gray-50: #6d6d6d; /* gray 50 */
  --gray-60: #545454; /* gray 60 */
  --gray-70: #3f3f3f; /* gray 70 */
  --gray-80: #282828; /* gray 80 */
  --gray-90: #121212; /* gray 90 */
  --gray-100: #000000; /* black */
  
  --color-gray: #cecebe; /* color gray 10 */
  --color-gray-10: #cecebe; /* color gray 10 */
  --color-gray-20: #d1d1c9; /* color gray 20 */
  --color-gray-30: #bebbb3; /* color gray 30 */
  --color-gray-40: #a39e94; /* color gray 40 */
  --color-gray-50: #918a7e; /* color gray 50 */
  --color-gray-60: #847c72; /* color gray 60 */
  --color-gray-70: #6e6760; /* color gray 70 */
  --color-gray-80: #555555; /* color gray 80 */
  --color-gray-90: #464743; /* color gray 90 */
  --color-gray-100: #272523; /* color gray 100 */
  
  --white: #ffffff;
  --white-rgb: 255, 255, 255;
  --bg-white: #eeeeee; /* bg color 20 */
  --bg-white-10: #ffffff; /* bg color 10 */
  --bg-white-20: #eeeeee; /* bg color 20 */
  --bg-white-30: #ddcddc; /* bg color 30 */
  --bg-white-40: #dbdbdb; /* bg color 40 */
  --bg-white-50: #c7c7c; /* bg color 50 */
  
  --black: #151515; /* black */
  --black-rgb: 21, 21, 21;
  
  /* Helper Color */
  --helper-color: #1da834; /* green */
  --helper-rgb: 29, 168, 52;
  
  /* Neutral Colors */
  --dark: #121212; /* gray 90 */
  --dark-rgb: 18, 18, 18;
  --dark-bg: #151515; /* black */
  --light-bg: #f8f9fb; /* near white */
  
  /* Text Colors */
  --text-color: #1e1e1e; /* near black */
  --text-light: #555555; /* color gray 80 */
  --text-lighter: #847c72; /* color gray 60 */
  --text-white: #ffffff;
  --text-dark: #151515; /* black */
  --text-light-gray: #a39e94; /* color gray 40 */
  --text-gray: #6e6760; /* color gray 70 */

  /* Border Colors */
  --border-color: #d1d1d1; /* gray 20 */
  --border-light: #e7e7e7; /* gray 10 */
  --border-dark: #b0b0b0; /* gray 30 */
  
  /* Shadow */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --card-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.05), 0 4px 6px -4px rgb(0 0 0 / 0.05);
  --hover-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --ring-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.25);
  
  /* Typography - E-ticaret için modernize edilmiş */
  --font-family-sans-serif: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-family-heading: 'Plus Jakarta Sans', var(--font-family-sans-serif);
  --font-family-base: var(--font-family-sans-serif);
  
  --font-size-base: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-xs: 0.75rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  
  --line-height-base: 1.5;
  --line-height-tight: 1.25;
  --line-height-relaxed: 1.75;
  
  /* Spacing */
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.5rem;
  --spacing-6: 2rem;
  --spacing-8: 2.5rem;
  --spacing-10: 3rem;
  
  /* Layout */
  --container-max-width: 1320px;
  --grid-gutter-width: 30px;
  
  /* Border Radius */
  --border-radius-sm: 0.25rem;
  --border-radius: 0.5rem;
  --border-radius-lg: 0.75rem;
  --border-radius-xl: 1rem;
  --border-radius-2xl: 1.5rem;
  --border-radius-pill: 50rem;
  --border-radius-circle: 50%;
  
  /* Z-index values */
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-modal: 1040;
  --z-popover: 1060;
  --z-tooltip: 1070;
  --z-header: 1020;
  --z-above-header: 1030;
  
  /* Form Controls - Modernize edilmiş */
  --input-height: 48px;
  --input-padding-y: 0.75rem;
  --input-padding-x: 1rem;
  --input-bg: var(--bg-white-20);
  --input-border-color: var(--border-color);
  --input-border-radius: var(--border-radius);
  --input-focus-box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.15);
  --input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  
  /* Buttons */
  --btn-padding-y: 0.65rem;
  --btn-padding-x: 1.5rem;
  --btn-border-radius: var(--border-radius);
  --btn-transition: all 0.2s ease-in-out;
  --btn-font-weight: var(--font-weight-medium);
  
  /* Cards */
  --card-padding: 1.5rem;
  --card-border-radius: var(--border-radius-lg);
  --card-bg: var(--white);
  --card-border-color: var(--border-color);
  
  /* Transitions */
  --transition-base: all 0.2s ease-in-out;
  --transition-fade: opacity 0.15s linear;
  --transition-collapse: height 0.35s ease;
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Product Grid */
  --product-grid-gap: 30px;
  --product-columns-sm: 1;
  --product-columns-md: 2;
  --product-columns-lg: 3;
  --product-columns-xl: 4;
  
  /* Animation */
  --animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --animation-duration-fast: 0.15s;
  --animation-duration-normal: 0.3s;
  --animation-duration-slow: 0.5s;
  
  /* Modal */
  --modal-width-sm: 400px;
  --modal-width-md: 600px;
  --modal-width-lg: 800px;
  --modal-shadow: var(--shadow-lg);
  --modal-border-radius: var(--border-radius-lg);
  
  /* Tooltip */
  --tooltip-bg: var(--dark);
  --tooltip-color: var(--white);
  --tooltip-padding: 0.5rem 1rem;
  --tooltip-arrow-size: 5px;
  --tooltip-border-radius: var(--border-radius);
  
  /* Badge */
  --badge-padding-y: 0.25rem;
  --badge-padding-x: 0.65rem;
  --badge-border-radius: var(--border-radius-pill);
  --badge-font-size: 75%;
  --badge-font-weight: var(--font-weight-medium);
  
  /* Pagination */
  --pagination-padding-y: 0.5rem;
  --pagination-padding-x: 0.75rem;
  --pagination-border-radius: var(--border-radius);
  --pagination-active-bg: var(--primary-color);
  --pagination-active-color: var(--white);
  
  /* Tables */
  --table-cell-padding-y: 0.75rem;
  --table-cell-padding-x: 1rem;
  --table-border-color: var(--border-color);
  --table-stripe-bg: var(--bg-white-20);
  --table-hover-bg: var(--bg-white-10);
  
  /* Authentication Pages */
  --auth-border-radius: var(--border-radius-lg);
  --auth-card-shadow: var(--shadow-lg);
  --auth-padding: var(--spacing-6);
}