/* Enchanted theme - warm plum/gold palette derived from static/images/logo.png.
   Overrides only the semantic tokens it changes; everything else falls back to
   the defaults defined in base.css. Set SITE_THEME=enchanted to use it. */

/* --- Source palette (reference) ---
   Plum:   900 #4A2B4F  700 #6A4470  500 #8A6790  300 #B9A5BE
   Gold:   900 #8B5A1D  700 #B6782A  500 #D79A42  300 #EBC47A  100 #F7E2B7
   Wood:   dark #6D4524  medium #946235  light #B78656
   Sparkle #FFD76A   Star #F6C453
   Backgrounds: cream #F6F3EE  parchment #E9E3D8  mist #D8D2CB  white #FFFFFF
   Text: dark #2D2230  medium #5B4D5F  light #8E8393
*/

:root {
  /* Surfaces / backgrounds */
  --color-bg: #f6f3ee;          /* cream parchment */
  --color-surface: #ffffff;
  --color-surface-subtle: #faf8f4;
  --color-surface-muted: #f1ece4;
  --color-code-bg: #efe9e0;

  /* Text */
  --color-text: #2d2230;        /* text-dark */
  --color-text-strong: #3a2f3e;
  --color-text-soft: #4f4453;
  --color-text-muted: #5b4d5f;  /* text-medium */
  --color-text-subtle: #8e8393; /* text-light */
  --color-field-help: #5b4d5f;

  /* Brand / primary (deep plum) */
  --color-primary: #6a4470;        /* plum-700 */
  --color-primary-hover: #4a2b4f;  /* plum-900 */
  --color-on-primary: #ffffff;
  --color-primary-soft: #ede6ef;   /* light plum tint */

  /* Accent / secondary (enchanted gold) */
  --color-secondary: #b6782a;   /* gold-700 */
  --color-accent: #d79a42;      /* gold-500 */

  /* State - keep an accessible blue focus ring on both cream and plum */
  --color-focus: #1a73e8;
  --color-warn: #8b5a1d;        /* gold-900 */

  /* Borders */
  --color-border: #e9e3d8;      /* parchment */
  --color-border-subtle: #efe9e0;
  --color-border-muted: #d8d2cb;/* mist */
  --color-border-strong: #b9a5be; /* plum-300 */
}