/* ==========================================================================
   HandiClan brand: P31 Royal Blue and Saffron
   Chosen 2026-11-02 from the palette study (Pass 11). Values come from the
   P31 brand inventory; anything marked "proposed" there is still proposed.

   Status rule: the cool color means confirmed, the warm color means waiting.
   No off-palette greens or yellows.

   Each brand file defines the same set of color tokens. handiclan.css holds
   everything that is shared. Selected by NEXT_PUBLIC_BRAND; see lib/brand.ts.
   ========================================================================== */
:root {
  /* Brand palette — primary (the names stay "clan" so components don't change) */
  --hc-clan:        #2347C6;  /* Royal — links, eyebrows, selected states      */
  --hc-clan-deep:   #18339A;  /* Royal Deep — hover, dark bands                */
  --hc-clan-soft:   #E3E9FB;  /* Royal Tint — selection, hover wash            */

  /* Brand palette — accent */
  --hc-hour:        #FF9A1F;  /* Saffron — the hour, credits, the main action  */
  --hc-hour-deep:   #F08A0C;  /* Saffron Deep — pressed/active states          */
  --hc-hour-soft:   #FFEDD7;  /* Saffron Soft — credit chips, highlight bg     */
  --hc-on-hour:     #101A3A;  /* Ink on solid saffron                          */

  /* Main action: saffron button with ink text */
  --hc-action:       var(--hc-hour);
  --hc-action-hover: var(--hc-hour-deep);
  --hc-on-action:    #101A3A;

  /* Neutrals */
  --hc-ink:         #101A3A;  /* Ink                                           */
  --hc-ink-2:       #434B65;
  --hc-ink-3:       #5A6280;
  --hc-line:        #D2D4DD;
  --hc-paper:       #F7F8FC;  /* Paper                                         */
  --hc-surface:     #FFFFFF;
  --hc-surface-2:   #EEF1F9;
  --hc-on-dark-2:   #DCE3FB;  /* Body text on a Royal Deep band                */

  /* Semantic */
  --hc-success:     #2347C6;  /* Confirmed is Royal                            */
  --hc-warn:        #9A4A00;  /* Saffron Ink — readable warm warning text      */
  --hc-danger:      #B5483F;
  --hc-danger-soft: #F6DCD9;
  --hc-danger-ink:  #7E2F28;

  /* Status: confirmed / done (cool) */
  --hc-ok:          #2347C6;
  --hc-ok-text:     #2347C6;
  --hc-ok-solid:    #2347C6;
  --hc-on-ok-solid: #FFFFFF;
  --hc-ok-tint:     #C6D3F7;
  --hc-on-ok-tint:  #18339A;
  --hc-ok-soft:     #E3E9FB;
  --hc-ok-ink:      #18339A;
  --hc-ok-wash:     #E3E9FB;
  --hc-ok-wash-ink: #18339A;

  /* Status: waiting / needs attention (warm) */
  --hc-wait:          #FF9A1F;
  --hc-on-wait:       #101A3A;
  --hc-wait-line:     #F0B57A;
  --hc-wait-wash:     #FFF6EC;
  --hc-wait-ink:      #9A4A00;
  --hc-wait-ink-2:    #7A3B00;
  --hc-wait-soft:     #FFEBD3;
  --hc-wait-text:     #9A4A00;
  --hc-wait-outline:  #F0B57A;
  --hc-wait-strong:   #FFD9A8;
  --hc-on-wait-strong:#6B3300;
  --hc-tip-bg:        #FFEBD3;
  --hc-tip-fg:        #9A4A00;

  /* Status: past and cancelled (calendar) */
  --hc-past-bg:     #FFF0DC;  /* Cream                                         */
  --hc-past-fg:     #9A4A00;
  --hc-muted-bg:    #EEF1F9;
  --hc-muted-fg:    #5A6280;

  /* Membership tier rings, taken from the palette */
  --hc-ring-helper:   #7790E4;  /* Royal Light */
  --hc-ring-builder:  #2347C6;  /* Royal       */
  --hc-ring-champion: #FF9A1F;  /* Saffron     */

  /* Shadows and focus */
  --hc-shadow-rgb:  16, 26, 58;
  --hc-focus-ring:  0 0 0 3px rgba(35, 71, 198, 0.3);
}

/* ---------- Dark mode (optional, opt-in via class; untested) -------------- */
.hc-dark, [data-theme="dark"] {
  --hc-paper:    #0C1640;
  --hc-surface:  #13204F;
  --hc-surface-2:#1A2A60;
  --hc-ink:      #EEF1FA;
  --hc-ink-2:    #BFC7E2;
  --hc-ink-3:    #9AA4C8;
  --hc-line:     #2A3A72;
  --hc-clan-soft:#1A2A60;
  --hc-hour-soft:#33281E;
}