:root {
  /* New Logo Palette */
  --primary-color: #4A2E12;       /* Dark Espresso Brown */
  --primary-color-rgb: 74, 46, 18;
  --primary-hover: #36210C;
  --accent-color: #C18F4E;        /* Warm Golden Amber */
  --accent-color-rgb: 193, 143, 78;
  --accent-hover: #A6783B;
  --bg-light: #F8F3EA;            /* Warm Cream / Vanilla */
  --bg-secondary: #D9C3A3;        /* Muted Sand */
  --text-dark: #4A2E12;
  --text-muted: #7A5C3D;
  --text-light: #F8F3EA;

  /* Backward Compatibility Mappings to Brand Core */
  --color-primary-crimson: var(--primary-color);
  --color-primary-crimson-alt: var(--primary-hover);
  --color-accent-gold: var(--accent-color);
  --color-accent-gold-alt: var(--accent-hover);
  --color-accent-green: #006837;
  --color-accent-green-alt: #1E5631;

  /* Neutrals */
  --color-white: #FFFFFF;
  --color-off-white: var(--bg-light);
  --color-ink-900: var(--text-dark);
  --color-ink-700: #5C3A1A;
  --color-ink-400: var(--text-muted);
  --color-border: var(--bg-secondary);

  /* Semantic */
  --color-success: var(--color-accent-green);
  --color-warning: var(--color-accent-gold);
  --color-danger: var(--color-primary-crimson);
  --color-surface: var(--bg-light);
  --color-surface-elevated: var(--color-white);

  /* Gradients */
  --gradient-heritage: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);
  --gradient-gold-shine: linear-gradient(90deg, var(--accent-hover) 0%, var(--accent-color) 50%, var(--accent-hover) 100%);

  /* Typography */
  --font-primary: 'Poppins', 'Segoe UI', sans-serif;
  --font-body: 'Inter', 'Segoe UI', sans-serif;
  --font-sindhi: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaliq', 'Amiri', 'Noto Sans Arabic', serif;

  --fs-h1: clamp(2.5rem, 5vw, 4rem);
  --fs-h2: clamp(2rem, 4vw, 3rem);
  --fs-h3: clamp(1.5rem, 3vw, 2rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --lh-tight: 1.2;
  --lh-normal: 1.6;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 8px rgba(74,46,18,0.08);
  --shadow-md: 0 8px 24px rgba(74,46,18,0.12);
  --shadow-lg: 0 16px 40px rgba(74,46,18,0.18);

  --container-max: 1280px;
  --grid-gap: 1.5rem;

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-base: 300ms;
  --duration-slow: 500ms;
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}