/* Sunset theme — DEFAULT color scheme (WARM LIGHT + a SUNSET-GRADIENT SIDEBAR).
   Light cream content area, coral-pink accent, and a pink→orange→purple gradient sidebar.
   Surfaces + radius are ALSO pinned in style.css :root so switching colour scheme only
   changes the ACCENT and keeps the warm sidebar look. Only colours + tokens here.
   Developed by Bilal & the HQ Team. */
:root{
  /* ---- brand / accent (sunset coral) ---- */
  --c-primary:      #f5576c;   /* sunset rose — buttons & links */
  --c-primary-dark: #e0435a;   /* hover */
  --c-primary-soft: rgba(245,87,108,.12);
  --c-on-primary:   #ffffff;

  /* ---- warm light surfaces + text ---- */
  --c-header:   #2a1740;       /* sidebar base (gradient in style.css) */
  --c-bg:       #fdf4ee;       /* warm cream content bg */
  --c-card:     #ffffff;
  --c-input:    #fdf6f1;
  --c-text:     #3a2e33;        /* warm ink */
  --c-muted:    #93807f;
  --c-border:   #f3e2d8;        /* warm light border */
  --c-active:   #fdeee6;
  --c-shadow:   rgba(120,60,40,.14);
  --c-overlay:  rgba(42,23,64,.42);
  --c-radius:   12px;

  /* ---- status (dark enough to read on light tinted banners) ---- */
  --c-success:  #0f6b3f;  --c-success-bg:  #e2f6ec;  --c-success-border:  #b7dfc5;
  --c-danger:   #c0362b;  --c-danger-bg:   #fde6e3;  --c-danger-border:   #f3c2bd;
  --c-warning:  #9a6b00;  --c-warning-bg:  #fdefd3;  --c-warning-border:  #f0d998;
  --c-info:     #1668c2;  --c-info-bg:     #e2effc;  --c-info-border:     #b7d3f5;
  --c-neutral:  #7a6a68;  --c-neutral-bg:  #f1e6df;
  --c-announce: #f5576c;  --c-announce-bg: #fde6ea;

  /* ---- misc ---- */
  --c-star:       #f5b301;
  --c-wheel-line: #ffffff;

  /* ==== Sunset tokens — gradients, ring, warm shadows (read by style.css) ==== */
  --c-primary-2:  #ff8a5b;
  --c-grad:       linear-gradient(135deg, #f857a6 0%, #ff5858 55%, #ff9a44 100%);   /* pink→red→orange */
  --c-grad-soft:  rgba(245,87,108,.08);
  --c-ring:       rgba(245,87,108,.28);
  --c-sidebar-grad: linear-gradient(180deg, #2c1250 0%, #7a2c74 34%, #e0466f 66%, #ff9346 100%); /* dusk sky */
  --c-shadow-sm:  0 2px 8px rgba(120,60,40,.08);
  --c-shadow-md:  0 12px 30px rgba(120,60,40,.12);
  --c-shadow-lg:  0 24px 56px rgba(120,60,40,.18);
  --r-sm: 9px;
  --r-lg: 16px;
}