/* ═══════════════════════════════════════════════════
   CSS Custom Properties (Color Palette & Tokens)
   ═══════════════════════════════════════════════════ */

:root {
  /* Core palette */
  --burgundy: #7A1B3E;
  --deep-rose: #A8294E;
  --rose: #D44D6E;
  --blush: #F2AFC1;
  --light-blush: #FADED4;
  --cream: #FFF9F5;
  --ivory: #FFFDFB;

  /* Gold spectrum */
  --gold: #C6993E;
  --gold-light: #E8C777;
  --gold-pale: #F5E2B8;

  /* Dark backgrounds */
  --deep-bg: #120711;
  --dark-plum: #1E0C18;
  --warm-black: #0D0609;
}

/* ═══════════════ GREETING COLOR THEMES ═══════════════ */

/* --- MORNING: warm sunrise atmosphere --- */
body.greeting-morning {
  --g-name: #FFB347;
  --g-name-glow: rgba(255, 179, 71, 0.45);
  --g-heading: #FFD699;
  --g-sub: #F5DFC0;
  --g-body: #FFF0DD;
  --g-accent: #F0A830;
  --g-divider: #D4982A;
  --g-arabic: #FFEDD5;
  --g-footer: #E8C080;
  --g-card-bg: rgba(50, 25, 10, 0.82);
  --g-card-border: rgba(255, 179, 71, 0.22);
  --g-card-glow: 0 0 100px rgba(255, 160, 50, 0.1), 0 8px 40px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255, 179, 71, 0.15);
  --g-card-inner-border: rgba(255, 179, 71, 0.1);
  --g-btn-bg: rgba(50, 28, 10, 0.7);
  --g-btn-border: rgba(255, 179, 71, 0.4);
  --g-btn-color: #FFD699;
  --g-btn-hover: rgba(255, 179, 71, 0.15);
}

/* --- AFTERNOON: golden warmth --- */
body.greeting-afternoon {
  --g-name: #F0C050;
  --g-name-glow: rgba(240, 192, 80, 0.4);
  --g-heading: #F5D88A;
  --g-sub: #F0DCA0;
  --g-body: #FFF3D6;
  --g-accent: #D4A828;
  --g-divider: #C09020;
  --g-arabic: #FFF0C8;
  --g-footer: #DDB860;
  --g-card-bg: rgba(45, 28, 8, 0.82);
  --g-card-border: rgba(240, 192, 80, 0.22);
  --g-card-glow: 0 0 100px rgba(240, 180, 50, 0.1), 0 8px 40px rgba(0,0,0,0.5), inset 0 1px 0 rgba(240, 192, 80, 0.12);
  --g-card-inner-border: rgba(240, 192, 80, 0.08);
  --g-btn-bg: rgba(45, 28, 8, 0.7);
  --g-btn-border: rgba(240, 192, 80, 0.4);
  --g-btn-color: #F5D88A;
  --g-btn-hover: rgba(240, 192, 80, 0.15);
}

/* --- NIGHT: deep celestial --- */
body.greeting-night {
  --g-name: #D8E4F8;
  --g-name-glow: rgba(180, 200, 255, 0.4);
  --g-heading: #B8CCE8;
  --g-sub: #A8BCD8;
  --g-body: #D5DDEF;
  --g-accent: #8AA0D0;
  --g-divider: #7088B8;
  --g-arabic: #D0DDEF;
  --g-footer: #9AADD0;
  --g-card-bg: rgba(12, 16, 50, 0.82);
  --g-card-border: rgba(140, 170, 230, 0.2);
  --g-card-glow: 0 0 100px rgba(100, 130, 200, 0.1), 0 8px 40px rgba(0,0,0,0.55), inset 0 1px 0 rgba(160, 190, 250, 0.1);
  --g-card-inner-border: rgba(140, 170, 230, 0.08);
  --g-btn-bg: rgba(12, 16, 50, 0.7);
  --g-btn-border: rgba(140, 170, 230, 0.4);
  --g-btn-color: #B8CCE8;
  --g-btn-hover: rgba(140, 170, 230, 0.15);
}