/**
 * Heaven Clone — Theme tokens (light / dark)
 * `:root` = light (default). `[data-theme="dark"]` = dark.
 * Loaded before all other stylesheets.
 */

/* ─────────────────────────────────────────────────────────────
   LIGHT theme (default)
───────────────────────────────────────────────────────────── */
:root {
  /* Page backgrounds */
  --c-bg:          #F4F8FC;
  --c-section:     #EDF3F9;
  --c-card:        #FFFFFF;
  --c-card-hover:  #F7FAFD;

  /* Typography */
  --c-text:        #0F172A;
  --c-text-2:      #334155;
  --c-muted:       #64748B;
  --c-inverse:     #FFFFFF;

  /* Accents */
  --c-accent:      #0891B2;   /* cyan — WCAG-safe on white */
  --c-accent-2:    #FACC15;   /* accent 2 */

  /* Borders */
  --c-border:        #D9E4F0;
  --c-border-strong: #C4D4E3;

  /* Semantic */
  --c-pros: #166534;
  --c-cons: #991B1B;

  /* Stars / scores */
  --c-star:       #FACC15;
  --c-score:      #FACC15;
  --c-star-track: rgba(0, 0, 0, 0.12);

  /* Buttons */
  --c-btn-primary-bg:    linear-gradient(90deg, #0F4C81 0%, #005F73 100%);
  --c-btn-primary-color: #FFFFFF;
  --c-btn-primary-hover: #0E3E6A;
  --c-btn-ghost-border:  #0F4C81;
  --c-btn-ghost-color:   #0F4C81;
  --c-btn-ghost-hover-bg: rgba(15, 76, 129, 0.08);

  /* Header */
  --c-header-bg:          #FFFFFF;
  --c-header-border:      #D9E4F0;
  --c-nav-link:           #334155;
  --c-nav-hover:          #0F4C81;
  --c-nav-active:         #0F4C81;
  --c-icon-btn-color:     #64748B;
  --c-icon-btn-hover-bg:  rgba(15, 76, 129, 0.08);
  --c-icon-btn-hover:     #0F4C81;

  /* Footer */
  --c-footer-bg:      #1E3A5F;
  --c-footer-border:  rgba(255, 255, 255, 0.1);
  --c-footer-heading: #38BDF8;
  --c-footer-link:    #E2EAF4;
  --c-footer-muted:   #94B4CC;

  /* Search / overlays */
  --c-overlay-bg:    rgba(15, 23, 42, 0.72);
  --c-modal-bg:      #FFFFFF;
  --c-modal-border:  #D9E4F0;
  --c-input-bg:      #F4F8FC;
  --c-input-border:  #C4D4E3;
  --c-input-color:   #0F172A;
  --c-placeholder:   #94A3B8;
  --c-search-result-hover: rgba(15, 76, 129, 0.04);
  --c-search-divider: rgba(0, 0, 0, 0.06);

  /* Subtle transparent layers */
  --c-surface-glass:  rgba(15, 76, 129, 0.05);
  --c-surface-subtle: rgba(15, 76, 129, 0.08);
  --c-overlay-tint:   rgba(0, 0, 0, 0.05);

  /* Theme toggle */
  --c-toggle-bg:      #E2EAF4;
  --c-toggle-hover:   #C4D4E3;
  --c-toggle-color:   #0F4C81;

  /* Breadcrumbs */
  --c-breadcrumb-bg:     #EDF3F9;
  --c-breadcrumb-border: #D9E4F0;

  /* Accent hover states */
  --c-accent-hover: #0369A1;

  /* Badge / chip */
  --c-badge-bg:     rgba(8, 145, 178, 0.12);
  --c-badge-border: rgba(8, 145, 178, 0.3);

  /* Blockquote */
  --c-blockquote-bg: rgba(8, 145, 178, 0.07);

  /* Progress / bar track */
  --c-bar-track: rgba(0, 0, 0, 0.1);
}

/* ─────────────────────────────────────────────────────────────
   DARK theme
───────────────────────────────────────────────────────────── */
[data-theme="dark"] {
  --c-bg:          #020617;
  --c-section:     #030712;
  --c-card:        #0c1222;
  --c-card-hover:  #131829;

  --c-text:        #E5E7EB;
  --c-text-2:      #D1D5DB;
  --c-muted:       #9CA3AF;
  --c-inverse:     #FFFFFF;

  --c-accent:      #06B6D4;
  --c-accent-2:    #FACC15;

  --c-border:        rgba(255, 255, 255, 0.07);
  --c-border-strong: rgba(255, 255, 255, 0.12);

  --c-pros: #4ade80;
  --c-cons: #f87171;

  --c-star:       #FACC15;
  --c-score:      #FACC15;
  --c-star-track: rgba(255, 255, 255, 0.2);

  --c-btn-primary-bg:    linear-gradient(90deg, #0F4C81 0%, #005F73 100%);
  --c-btn-primary-color: #FFFFFF;
  --c-btn-primary-hover: #0e4a7b;
  --c-btn-ghost-border:  #06B6D4;
  --c-btn-ghost-color:   #06B6D4;
  --c-btn-ghost-hover-bg: rgba(6, 182, 212, 0.1);

  --c-header-bg:          #0c1222;
  --c-header-border:      rgba(255, 255, 255, 0.07);
  --c-nav-link:           #9CA3AF;
  --c-nav-hover:          #06B6D4;
  --c-nav-active:         #06B6D4;
  --c-icon-btn-color:     #9CA3AF;
  --c-icon-btn-hover-bg:  rgba(255, 255, 255, 0.05);
  --c-icon-btn-hover:     #06B6D4;

  --c-footer-bg:      #0c1222;
  --c-footer-border:  rgba(255, 255, 255, 0.07);
  --c-footer-heading: #06B6D4;
  --c-footer-link:    #E5E7EB;
  --c-footer-muted:   #9CA3AF;

  --c-overlay-bg:    rgba(2, 6, 23, 0.85);
  --c-modal-bg:      #0c1222;
  --c-modal-border:  rgba(255, 255, 255, 0.1);
  --c-input-bg:      rgba(255, 255, 255, 0.04);
  --c-input-border:  rgba(255, 255, 255, 0.08);
  --c-input-color:   #E5E7EB;
  --c-placeholder:   #6B7280;
  --c-search-result-hover: rgba(255, 255, 255, 0.04);
  --c-search-divider: rgba(255, 255, 255, 0.06);

  --c-surface-glass:  rgba(255, 255, 255, 0.04);
  --c-surface-subtle: rgba(255, 255, 255, 0.06);
  --c-overlay-tint:   rgba(0, 0, 0, 0.2);

  --c-toggle-bg:      rgba(255, 255, 255, 0.08);
  --c-toggle-hover:   rgba(255, 255, 255, 0.12);
  --c-toggle-color:   #06B6D4;

  --c-breadcrumb-bg:     #020617;
  --c-breadcrumb-border: rgba(255, 255, 255, 0.07);

  --c-accent-hover: #0891B2;

  --c-badge-bg:     rgba(6, 182, 212, 0.12);
  --c-badge-border: rgba(6, 182, 212, 0.3);

  --c-blockquote-bg: rgba(6, 182, 212, 0.06);

  --c-bar-track: rgba(255, 255, 255, 0.1);
}