:root {
  /* Primary */
  --color-primary: #3c3d3d;
  --color-primary-dark: #171817;
  --color-primary-light: #5b5d5c;

  /* Accent (Champagne Gold) */
  --color-accent: #735C00;
  --color-accent-dark: #bb8a3d;
  --color-accent-light: #f5e2b8;

  /* Secondary (Warm Walnut) */
  --color-secondary: #eda11c; 
  --color-secondary-dark: #d57f2a;
  --color-secondary-light: #fedb65;
  /* --color-secondary: #A38464; 
  --color-secondary-dark: #603714;
  --color-secondary-light: #E0D8C6; */
  /* --color-secondary: #AF8D11; 
  --color-secondary-dark: #603714;
  --color-secondary-light: #ad7634; */

  --global-palette1: var(--color-secondary);
  

  /* Base */
  --color-white: #ffffff;
  --color-light: #fafafa;
  --color-ivory: #F7F6F5;
  --color-border: #f2f2f2;
  --color-border-light: #f1f1f1;
  --color-surface: #f5f0e8;

  --color-tetriary: var(--color-white);

  /* Text */
  --color-text: #1b1c1b;
  --color-text-muted: #6a6d69;

  /* Feedback */
  --color-success: #6f8f73;
  --color-warning: #b8843a;
  --color-danger: #bb0e0e;
  --color-info: #5f7fa8;

  /* UI */
  --color-focus: rgba(217, 180, 108, 0.35);
  --shadow-color: rgba(23, 24, 24, 0.12);
  --shadow-sm: 0 1px 10px var(--shadow-color);
  --shadow-md: 0 12px 20px var(--shadow-color);
  --shadow-lg: 0 24px 20px var(--shadow-color);


  --font-family-primary: Roboto,apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;

  --font-size-xs: 0.75rem; /* 12px */
  --font-size-sm: 0.875rem; /* 14px */
  --font-size-base: 1rem; /* 16px */
  --font-size-md: 1.25rem; /* 20px */
  --font-size-lg: 1.5rem; /* 24px */
  --font-size-xl: 1.75rem; /* 28px */

  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;

  --transition-base: 180ms ease;
  --transition-slow: 280ms ease;

  --gap-sm: 0.6rem; 

  --spacing-xxs: 0.25rem; /* 4px */
  --spacing-xs: 0.5rem; /* 8px */
  --spacing-sm: 0.85rem; /* 13px */
  --spacing-md: 1.05rem; /* 16px */
  --spacing-lg: 1.5rem; /* 24px */
  --spacing-xl: 1.875rem; /* 30px */
  --spacing-xxl: 2.5rem; /* 40px */

  /* Font weight */
  --weight-light: 300; 
  --weight-normal: 400; 
  --weight-regular: 500; 
  --weight-semibold: 600; 
  --weight-bold: 700; 
  --weight-extrabold: 800; 
  --weight-black: 900; 

  /* Container width  */
  --container-xl: 1440px;
}