/* ==========================================================================
   ThetaRev — Color themes
   The default theme lives in theme.css. Each theme below overrides only the
   base colors; faint/glow/rule colors are derived automatically.
   Switch with <html data-theme="yacht-club"> (or the local preview switcher).

   Palettes: Figma "Website color schemes". Where a palette has no dark or
   readable color for a role, a shade derived from the palette is used
   (marked "derived"). All text colors meet WCAG AA (4.5:1) on the paper.
   ========================================================================== */

/* Yacht Club — #F2F0EF #BBBDBC #245F73 #733E24 */
html[data-theme="yacht-club"] {
  --color-paper:         #F2F0EF;
  --color-paper-deep:    #E4E2E1;  /* derived */
  --color-ink:           #245F73;
  --ink-rgb:             36, 95, 115;
  --color-ink-soft:      #34505A;  /* derived */
  --color-mist:          #5D6A6E;  /* derived from #BBBDBC */
  --color-accent:        #733E24;
  --accent-rgb:          115, 62, 36;
  --color-accent-strong: #733E24;
}

/* Sorbet — #CCCCCC #EDECEC #B7C396 #FEFEFE #E0E7D7 #BA9A91 */
html[data-theme="sorbet"] {
  --color-paper:         #FEFEFE;
  --color-paper-deep:    #E0E7D7;
  --color-ink:           #3A4130;  /* derived (deep olive, from #B7C396) */
  --ink-rgb:             58, 65, 48;
  --color-ink-soft:      #4E5444;  /* derived */
  --color-mist:          #6B6B66;  /* derived from #CCCCCC */
  --color-accent:        #BA9A91;
  --accent-rgb:          186, 154, 145;
  --color-accent-strong: #8A665B;  /* derived */
}

/* Calcite — #DDDCDB #FD7B41 #EDBF9B #3C4044 */
html[data-theme="calcite"] {
  --color-paper:         #DDDCDB;
  --color-paper-deep:    #EDBF9B;
  --color-ink:           #3C4044;
  --ink-rgb:             60, 64, 68;
  --color-ink-soft:      #45494D;  /* derived */
  --color-mist:          #585B5F;  /* derived */
  --color-accent:        #FD7B41;
  --accent-rgb:          253, 123, 65;
  --color-accent-strong: #9C4318;  /* derived */
}

/* Opaline — #F4F4F6 #E7E7E7 #D2D2D4 #FF634A */
html[data-theme="opaline"] {
  --color-paper:         #F4F4F6;
  --color-paper-deep:    #E7E7E7;
  --color-ink:           #1F1F23;  /* derived */
  --ink-rgb:             31, 31, 35;
  --color-ink-soft:      #3A3A40;  /* derived */
  --color-mist:          #65656C;  /* derived from #D2D2D4 */
  --color-accent:        #FF634A;
  --accent-rgb:          255, 99, 74;
  --color-accent-strong: #C2391F;  /* derived */
}

/* Inked — #000000 #DFDEDC #A6A7A2 #464545 #00ACAC */
html[data-theme="inked"] {
  --color-paper:         #DFDEDC;
  --color-paper-deep:    #A6A7A2;
  --color-ink:           #000000;
  --ink-rgb:             0, 0, 0;
  --color-ink-soft:      #464545;
  --color-mist:          #545451;  /* derived from #A6A7A2 */
  --color-accent:        #00ACAC;
  --accent-rgb:          0, 172, 172;
  --color-accent-strong: #006B6B;  /* derived */
}