/* ==========================================
   CHANDRAPALLI DESIGN TOKENS & SYSTEM VARIABLES
   Editorial Luxury & Royal Heritage Design System
   ========================================== */

@import url('./fonts.css');

:root {
  /* --- Brand Color Palette --- */
  /* Primary Brand Color: Royal Forest Green (#3A4B21) & Shades */
  --color-green-dark: #263314;
  --color-green-deep: #1b250d;
  --color-green-surface: #2e3d1a;
  --color-green-surface-hover: #3a4c21;
  --color-green-card: rgba(38, 51, 20, 0.92);
  --color-primary: #3A4B21;

  /* Secondary Brand Color: Heritage Champagne Gold (#E9BA84) & Accents */
  --color-gold: #E9BA84;
  --color-gold-light: #f5d6b3;
  --color-gold-bright: #E9BA84;
  --color-gold-dark: #c8995e;
  --color-gold-muted: rgba(233, 186, 132, 0.4);
  --color-gold-hairline: rgba(233, 186, 132, 0.25);
  --color-gold-subtle: rgba(233, 186, 132, 0.08);

  /* Tertiary Brand Color: Pure Crisp White (#FFFFFF) & Soft Creams */
  --color-white: #FFFFFF;
  --color-ivory: #fcfaf7;
  --color-cream: #f4eee3;
  --color-cream-card: #ffffff;
  --color-cream-border: rgba(233, 186, 132, 0.28);
  --color-stone-muted: #7a756c;

  /* Typography Colors */
  --text-light-primary: #ffffff;
  --text-light-secondary: #f4eee3;
  --text-light-muted: rgba(255, 255, 255, 0.7);
  --text-gold: #E9BA84;
  --text-gold-light: #f5d6b3;
  
  --text-dark-primary: #1a220e;
  --text-dark-secondary: #3A4B21;
  --text-dark-muted: #626c54;

  /* Glassmorphism & Borders */
  --glass-dark-bg: rgba(27, 37, 13, 0.88);
  --glass-dark-border: rgba(233, 186, 132, 0.25);
  --glass-blur: blur(16px);
  --brand-green-texture: url('../assets/Img/chandrapalli-bg.png');

  /* Elevation & Shadows */
  --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-medium: 0 10px 30px rgba(0, 0, 0, 0.2);
  --shadow-luxury: 0 20px 50px rgba(5, 15, 10, 0.45);

  /* --- Typography Settings --- */
  --font-display: 'Cormorant Garamond', 'Optima', Georgia, serif;
  --font-heading: 'Optima', 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Optima', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-tagline: 'ChandrapalliTagLine', 'Optima', sans-serif;

  /* Font Weights */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Font Sizes */
  --fs-2xs: 0.625rem; /* 10px */
  --fs-xs: 0.6875rem; /* 11px */
  --fs-sm: 0.8125rem; /* 13px */
  --fs-base: 0.9375rem; /* 15px */
  --fs-md: 1.0625rem; /* 17px */
  --fs-lg: 1.25rem;   /* 20px */
  --fs-xl: 1.5rem;    /* 24px */
  --fs-2xl: 1.875rem; /* 30px */
  --fs-3xl: 2.75rem;  /* 44px */
  --fs-4xl: 3.5rem;   /* 56px */
  --fs-5xl: 4.75rem;  /* 76px */

  /* Line Heights */
  --lh-tight: 1.08;
  --lh-snug: 1.2;
  --lh-base: 1.6;
  --lh-relaxed: 1.75;

  /* Letter Spacings */
  --ls-tight: -0.015em;
  --ls-normal: 0;
  --ls-wide: 0.08em;
  --ls-wider: 0.18em;
  --ls-widest: 0.26em;

  /* --- Layout Bounds --- */
  --container-max-width: 1380px;
  --container-padding: 2.5rem;
  --header-height: 95px;

  /* --- Border Radii (Luxury & Arched Silhouettes) --- */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --radius-arch: 130px 130px 0 0;
  --radius-arch-inner: 126px 126px 0 0;

  /* --- Fluid Motion Dynamics --- */
  --ease-luxury: cubic-bezier(0.32, 0.72, 0, 1);
  --transition-fast: 200ms var(--ease-luxury);
  --transition-normal: 350ms var(--ease-luxury);
  --transition-slow: 600ms var(--ease-luxury);

  /* --- Drawers & Overlay System --- */
  --cart-drawer-width: 440px;
  --z-sticky-header: 1000;
  --z-drawer: 2000;
  --z-modal: 3000;
  --z-toast: 4000;
  --overlay-bg: rgba(3, 10, 7, 0.78);
  --gold-foil-gradient: linear-gradient(135deg, #f5d6b3 0%, #E9BA84 50%, #c8995e 100%);
}