/* ===== Theme C: Sunset Bloom ===== */
/* Warm, vibrant energy, playful but professional */
/* Fonts: Inter (body) + Playfair Display (display) */

/* Font assignment */
[data-theme="bloom"] {
  --font-body: 'Inter', system-ui, sans-serif;
  --font-display: 'Playfair Display', Georgia, serif;
}

/* --- Light Mode (default) --- */
[data-theme="bloom"][data-mode="light"],
[data-theme="bloom"]:not([data-mode]) {
  /* Backgrounds */
  --bg-base: #FFF8F6;
  --bg-surface: #FFF0EC;
  --bg-elevated: #FFE8E2;
  --bg-overlay: rgba(255, 248, 246, 0.92);
  --bg-brand: #E86B5A;

  /* Primary */
  --color-primary: #E86B5A;
  --color-primary-text: #C14A39;
  --color-primary-hover: #D45A49;
  --color-primary-light: rgba(232, 107, 90, 0.10);
  --color-primary-rgb: 232, 107, 90;

  /* Accent */
  --color-accent: #D4A237;
  --color-accent-text: #8B6B1E;
  --color-accent-hover: #C4923A;
  --color-accent-light: rgba(212, 162, 55, 0.10);

  /* Status */
  --color-success: #3D8B5E;
  --color-warning: #C4923A;
  --color-danger: #C14A39;
  --color-info: #3B82B8;

  /* Text */
  --text-primary: #2D1B33;
  --text-secondary: #4D3B53;
  --text-muted: #6E5C75;
  --text-inverse: #FFF8F6;
  --text-on-primary: #FFFFFF;

  /* Borders */
  --border-subtle: rgba(45, 27, 51, 0.08);
  --border-default: rgba(45, 27, 51, 0.13);
  --border-strong: rgba(45, 27, 51, 0.22);
  --border-focus: #C14A39;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(45, 27, 51, 0.05), 0 1px 2px rgba(45, 27, 51, 0.03);
  --shadow-md: 0 4px 12px rgba(45, 27, 51, 0.07);
  --shadow-lg: 0 8px 24px rgba(45, 27, 51, 0.09);
  --shadow-xl: 0 16px 48px rgba(45, 27, 51, 0.11);

  /* Focus */
  --color-focus: #C14A39;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #E86B5A, #F09080);
  --gradient-accent: linear-gradient(135deg, #D4A237, #E0B85A);
  --gradient-surface: linear-gradient(180deg, var(--bg-base) 0%, var(--bg-surface) 100%);

  /* Chart palette */
  --chart-1: #E86B5A;
  --chart-2: #D4A237;
  --chart-3: #F09080;
  --chart-4: #E0B85A;
  --chart-5: #A85E52;
  --chart-6: #8B6B1E;
  --chart-grid: rgba(45, 27, 51, 0.07);
  --chart-text: #6E5C75;

  /* Scrollbar */
  --scrollbar-track: var(--bg-surface);
  --scrollbar-thumb: rgba(45, 27, 51, 0.18);
}

/* --- Dark Mode --- */
[data-theme="bloom"][data-mode="dark"] {
  /* Backgrounds */
  --bg-base: #1A0F20;
  --bg-surface: #231628;
  --bg-elevated: #2C1E32;
  --bg-overlay: rgba(26, 15, 32, 0.92);
  --bg-brand: #C45B4A;

  /* Primary */
  --color-primary: #C45B4A;
  --color-primary-text: #D06B5A;
  --color-primary-hover: #D4705F;
  --color-primary-light: rgba(196, 91, 74, 0.15);
  --color-primary-rgb: 196, 91, 74;

  /* Accent */
  --color-accent: #C4923A;
  --color-accent-text: #C4923A;
  --color-accent-hover: #D4A24A;
  --color-accent-light: rgba(196, 146, 58, 0.12);

  /* Status */
  --color-success: #5CA87A;
  --color-warning: #D4A566;
  --color-danger: #D06B5A;
  --color-info: #4A8EC4;

  /* Text */
  --text-primary: #F5E6E0;
  --text-secondary: rgba(245, 230, 224, 0.70);
  --text-muted: rgba(245, 230, 224, 0.50);
  --text-inverse: #1A0F20;
  --text-on-primary: #FFFFFF;

  /* Borders */
  --border-subtle: rgba(245, 230, 224, 0.06);
  --border-default: rgba(245, 230, 224, 0.10);
  --border-strong: rgba(245, 230, 224, 0.18);
  --border-focus: #D06B5A;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.16);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.28);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.32);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.38);

  /* Focus */
  --color-focus: #D06B5A;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #C45B4A, #D4705F);
  --gradient-accent: linear-gradient(135deg, #C4923A, #D4A24A);
  --gradient-surface: linear-gradient(180deg, var(--bg-base) 0%, var(--bg-surface) 100%);

  /* Chart palette */
  --chart-1: #D06B5A;
  --chart-2: #C4923A;
  --chart-3: #D4705F;
  --chart-4: #D4A24A;
  --chart-5: #B07060;
  --chart-6: #A88040;
  --chart-grid: rgba(245, 230, 224, 0.05);
  --chart-text: rgba(245, 230, 224, 0.50);

  /* Scrollbar */
  --scrollbar-track: var(--bg-surface);
  --scrollbar-thumb: rgba(245, 230, 224, 0.12);
}