:root {
  /* ========================================
     1. BRAND & PRIMARY (Plum Rose Scale)
     ======================================== */
  --color-primary: #a84b60;
  --color-primary-hover: #903c50;
  --color-primary-active: #782e40;
  --color-primary-soft: #f7e8ec;
  --color-primary-subtle: #fdf2f5;
  --color-on-primary: #ffffff;

  /* ========================================
     2. SECONDARY / ACCENT (Warm Amber Nectar)
     ======================================== */
  --color-accent: #c88648;
  --color-accent-hover: #b07238;
  --color-accent-soft: #fbf0e4;
  --color-accent-subtle: #fdf8f2;
  --color-on-accent: #ffffff;

  /* ========================================
     3. BACKGROUNDS & SURFACES (Rhythmic Scale)
     ======================================== */
  --color-bg: #fcf9f6; /* Base Warm Cream */
  --color-bg-soft: #f7efea; /* Soft Cashmere Surface */
  --color-bg-tinted: #efe5dd; /* Warm Clay Section Tint */
  --color-surface: #fbf6f2; /* Soft Warm Cream for panels & cards */
  --color-surface-soft: #f5ebe3; /* Slightly deeper tint for inner wraps */
  --color-surface-elevated: #ffffff;

  /* ========================================
     4. TYPOGRAPHY
     ======================================== */
  --color-text: #231b1e; /* Deep Espresso Charcoal */
  --color-text-secondary: #54474b; /* Warm Medium Slate */
  --color-text-muted: #827377; /* Soft Muted Taupe */
  --color-on-dark: #ffffff;

  /* ========================================
     5. BORDERS & DIVIDERS
     ======================================== */
  --color-border: #ebdcd5;
  --color-border-soft: #f5eae5;
  --color-border-strong: #d9c4bc;

  /* ========================================
     6. FUNCTIONAL / FEEDBACK STATES
     ======================================== */
  --color-success: #2e7d56;
  --color-success-bg: #eaf6f0;
  --color-warning: #c88648;
  --color-error: #c94a4a;
  --color-error-bg: #fdf0f0;
  --color-info: #4a7aa8;

  /* ========================================
     7. TYPOGRAPHY & LAYOUT TOKENS
     ======================================== */
  --font-family: "Hind Siliguri", system-ui, -apple-system, sans-serif;
  --container-max: 1200px;

  --page-padding-mobile: 20px;
  --page-padding-tablet: 32px;
  --page-padding-desktop: 48px;

  --space-large: 80px;
  --header-height: 76px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 8px rgba(35, 27, 30, 0.04);
  --shadow-md: 0 8px 24px rgba(35, 27, 30, 0.08);
  --shadow-lg: 0 16px 40px rgba(35, 27, 30, 0.12);
}

/* ============================================
   SECTION THEMES (Theme Switchers)
   ============================================ */
[data-theme="minimal"] {
  --theme-bg: var(--color-bg);
  --theme-surface: var(--color-surface);
  --theme-text: var(--color-text);
  --theme-border: var(--color-border);
}