/* ═══════════════════════════════════════════════════════
   Theme: Rose — Light Mode
   Palette: Blush cream base, venetian rose accent
   ═══════════════════════════════════════════════════════ */
:root {
  --primary-color:   #9A5F74;
  --primary-dark:    #7A3F56;
  --primary-light:   #B87B8E;

  --bg-primary:      #F8F2F4;
  --bg-secondary:    #F0E8EC;
  --bg-tertiary:     #E8DCE2;

  --text-primary:    #2E1820;
  --text-secondary:  #5C3848;
  --text-muted:      #8A6878;

  --accent-warm:     #C4A8B4;
  --accent-gold:     #B87B8E;
  --accent-blue:     #A880A0;
  --accent-purple:   #A880A0;
  --accent-pink:     #B87B8E;

  --border-light:    rgba(46, 24, 32, 0.09);
  --border-medium:   rgba(46, 24, 32, 0.16);

  --navbar-bg:       rgba(248, 242, 244, 0.97);
  --navbar-shadow:   0 1px 0 rgba(46, 24, 32, 0.07), 0 4px 20px rgba(46, 24, 32, 0.05);

  --hero-bg:         linear-gradient(160deg, #F8F2F4 0%, #F0E8EC 100%);

  --footer-bg:       #F0E8EC;
  --footer-text:     #2E1820;

  --shadow-sm:       0 2px 8px rgba(46, 24, 32, 0.06);
  --shadow-md:       0 8px 28px rgba(46, 24, 32, 0.10);
  --shadow-lg:       0 16px 48px rgba(46, 24, 32, 0.13);
  --shadow-xl:       0 24px 64px rgba(46, 24, 32, 0.17);

  --card-bg:         #FDF8FA;
  --card-border:     rgba(184, 123, 142, 0.15);

  --section-soft:    #DCCAD4;
  --soft-suede:      #C4A8B4;

  /* Dashboard-specific variables for light mode */
  --dash-bg:           #F8F2F4;
  --dash-surface:      #FDF8FA;
  --dash-surface-alt:  #F8F2F4;
  --dash-border:       rgba(46, 24, 32, 0.09);
  --dash-text:         #2E1820;
  --dash-text-muted:   #5C3848;
  --dash-text-subtle:  #8A6878;
  --dash-topbar-bg:    #F8F2F4;
  --dash-primary:      #B87B8E;
  --dash-primary-dark: #7A3F56;
  --dash-card-bg:      #FDF8FA;
  --dash-card-shadow:  0 2px 8px rgba(46, 24, 32, 0.06), 0 0 0 1px rgba(46, 24, 32, 0.07);
  --dash-shadow-hover: 0 8px 28px rgba(46, 24, 32, 0.10);
  --dash-transition:   0.25s cubic-bezier(0.4, 0, 0.2, 1);
}