:root,
body {
  /* --- THE RAW PALETTE (Soul Seven) --- */
  /* Navy Scale */
  --palette-navy-100: #e6e6e6; /* Text Light */
  --palette-navy-400: #56657f; /* Text Hover */
  --palette-navy-800: #151d3b; /* Card BG Dark */
  --palette-navy-900: #0b1026; /* Midnight */
  /* Gold Scale */
  --palette-gold-100: #fffbeb; /* Light Gold Tint */
  --palette-gold-400: #ffd700; /* Vibrant Action Gold */
  --palette-gold-450: #ffc300; /* Amber Gold / Hover State */
  --palette-gold-500: #d4af37; /* Star Gold */
  --palette-gold-550: #bfa030; /* Darker Gold */
  --palette-gold-600: #b5952f; /* Darker Gold */
  /* Glows */
  --palette-black-glow-20: #00000033;
  --palette-gold-500-glow-30: #d4af374d;
  --palette-gold-500-glow-40: #d4af3766;
  --palette-gold-600-glow-30: #b5952f4d;
  --palette-black: #000000; /* Pure Black */
  --palette-white: #ffffff; /* Pure White */
  --palette-transparent: transparent; /* No color */
  /* Neutral Scale (Greys) */
  --palette-grey-050: #f4f6f8; /* Mist White */
  --palette-grey-200: #cbd5e1; /* Borders */
  --palette-grey-400: #94a3b8; /*  */
  --palette-grey-450: #8892b0; /* Light Slate Grey */
  --palette-grey-500: #64748b; /* Slate Grey */
  --palette-grey-850: #1a1a1a; /* Carbon (Elevated Surfaces/Cards) */
  --palette-grey-900: #0f172a; /* Almost Black */
  /* Error (Burnt Rose scale) */
  --palette-rose-50: #fef2f2; /* Lightest */
  --palette-rose-200: #fecaca; /* Border */
  --palette-rose-300: #e07a5f; /* Errors/Destructive */
  --palette-rose-700: #b91c1c; /* Main Red */
  --palette-rose-800: #991b1b;
  --palette-rose-900: #450a0a; /* Deepest (Dark mode bg) */
  /* Success (Sage/Forest scale) */
  --palette-sage-50: #f0fdf4; /* Lightest */
  --palette-sage-200: #bbf7d0; /* Border */
  --palette-sage-400: #81b29a; /* Success */
  --palette-sage-700: #15803d; /* Main Green */
  --palette-sage-800: #166534;
  --palette-sage-900: #052e16; /* Deepest (Dark mode bg) */
  /* Warning (Ochre/Amber scale) */
  --palette-amber-50: #fffbeb; /* Lightest */
  --palette-amber-200: #fde68a; /* Border */
  --palette-amber-700: #b45309; /* Main Orange/Brown */
  --palette-amber-800: #92400e;
  --palette-amber-900: #451a03; /* Deepest (Dark mode bg) */
}

:root,
body {
  /* --- BRAND COLORS --- */
  /* main brand colors used for buttons, links, highlights */
  /* These colors do not change between light and dark modes */
  --color-brand-main: var(--palette-navy-900, #0b1026);
  --color-brand-secondary: var(--palette-gold-500, #d4af37);
  --color-brand-glow: var(--palette-gold-500-glow-30, #d4af374d);
  --color-brand-muted: var(--palette-grey-200, #cbd5e1);
  --color-brand-hover: var(--palette-gold-600, #b5952f);
  --color-brand-text: var(--palette-navy-900, #0b1026);

  font-family: "Crimson Text", serif;
}

:root,
body.light-theme {
  --bg-body: var(--palette-grey-050, #f4f6f8); /* Mist White */
  --bg-card: var(--palette-white, #ffffff); /* Pure White */
  /* --- SURFACES & BACKGROUNDS --- */
  --color-bg-canvas: var(--palette-grey-050, #f4f6f8);
  --color-bg-surface: var(--palette-white, #ffffff);
  /* --- TEXT & BORDERS --- */
  --color-text-main: var(--palette-navy-900, #0b1026);
  --color-text-muted: var(--palette-grey-500, #64748b);
  --color-border: var(--palette-grey-200, #cbd5e1);
  /* --- INPUTS & FORMS --- */
  --input-bg: var(--palette-white, #ffffff);
  --input-border: var(--palette-grey-200, #cbd5e1);
  --input-hover: var(--palette-grey-200, #cbd5e1);
  --input-placeholder: var(--palette-grey-400, #94a3b8);
  --input-shadow: var(--palette-black-glow-20, #00000033);
  --input-focus: var(--palette-navy-900, #0b1026);
  --input-focus-shadow: var(--palette-gold-500-glow-30, #d4af374d);
  /* --- PRIMARY ACTION --- */
  --color-primary-main: var(--palette-grey-850, #1a1a1a);
  --color-primary-bg: var(--palette-gold-400, #ffd700);
  --color-primary-border: var(--palette-gold-450, #ffc300);
  --color-primary-hover: var(--palette-gold-450, #ffc300);
  /* --- SECONDARY ACTION --- */
  --color-secondary-main: var(--palette-navy-900, #0b1026);
  --color-secondary-bg: var(--palette-white, #ffffff);
  --color-secondary-border: var(--palette-grey-200, #cbd5e1);
  --color-secondary-hover: var(--palette-grey-200, #cbd5e1);
  /* --- THIRD ACTION (Ghost/Utility) --- */
  --color-tertiary-main: var(--palette-grey-500, #64748b);
  --color-tertiary-bg: var(--palette-grey-050, #f4f6f8);
  --color-tertiary-border: var(--palette-grey-200, #cbd5e1);
  --color-tertiary-hover: var(--palette-grey-400, #94a3b8);
  /* --- FOURTH ACTION (Destructive) --- */
  --color-danger-main: var(--palette-white, #ffffff);
  --color-danger-bg: var(--palette-rose-700, #b91c1c);
  --color-danger-border: var(--palette-rose-800, #991b1b);
  --color-danger-hover: var(--palette-rose-900, #450a0a);
  /* --- FIFTH ACTION (Inverted Neutral) --- */
  --color-inverted-main: var(--palette-white, #ffffff);
  --color-inverted-bg: var(--palette-, #0b1026);
  --color-inverted-border: var(--palette-, #0f172a);
  --color-inverted-hover: var(--palette-, #151d3b);
  /* --- ERROR STATE --- */
  --color-error-main: var(--palette-rose-800, #991b1b);
  --color-error-bg: var(--palette-rose-50, #fef2f2);
  --color-error-border: var(--palette-rose-200, #fecaca);
  --color-on-error: var(--palette-white, #ffffff);
  /* --- SUCCESS STATE --- */
  --color-success-main: var(--palette-sage-800, #166534);
  --color-success-bg: var(--palette-sage-50, #f0fdf4);
  --color-success-border: var(--palette-sage-200, #bbf7d0);
  --color-on-success: var(--palette-white, #ffffff);
  /* --- WARNING STATE --- */
  --color-warning-main: var(--palette-amber-800, #92400e);
  --color-warning-bg: var(--palette-amber-50, #fffbeb);
  --color-warning-border: var(--palette-amber-200, #fde68a);
  --color-on-warning: var(--palette-white, #ffffff);
}

@media (prefers-color-scheme: dark) {
  :root,
  body {
    --bg-body: var(--palette-navy-900, #0b1026);
    --bg-card: var(--palette-navy-800, #151d3b);
    /* --- SURFACES & BACKGROUNDS --- */
    --color-bg-canvas: var(--palette-navy-900, #0b1026);
    --color-bg-surface: var(--palette-navy-800, #151d3b);
    /* --- TEXT & BORDERS --- */
    --color-text-main: var(--palette-navy-100, #e6e6e6);
    --color-text-muted: var(--palette-grey-400, #94a3b8);
    --color-border: var(--palette-grey-500, #64748b);
    /* --- INPUTS & FORMS --- */
    --input-bg: var(--palette-navy-800, #151d3b);
    --input-border: var(--palette-grey-500, #64748b);
    --input-hover: var(--palette-grey-500, #64748b);
    --input-placeholder: var(--palette-grey-500, #64748b);
    --input-shadow: transparent;
    --input-focus: var(--palette-gold-500, #d4af37);
    --input-focus-shadow: var(--palette-gold-500-glow-40, #d4af3766);
    /* --- PRIMARY ACTION --- */
    --color-primary-main: var(--palette-white, #ffffff);
    --color-primary-bg: var(--palette-gold-500, #d4af37);
    --color-primary-border: var(--palette-gold-600, #b5952f);
    --color-primary-hover: var(--palette-gold-400, #ffd700);
    /* --- SECONDARY ACTION --- */
    --color-secondary-main: var(--palette-navy-100, #e6e6e6);
    --color-secondary-bg: var(--palette-navy-800, #151d3b);
    --color-secondary-border: var(--palette-grey-500, #64748b);
    --color-secondary-hover: var(--palette-grey-500, #64748b);
    /* --- THIRD ACTION (Ghost/Utility) --- */
    --color-tertiary-main: var(--palette-grey-200, #cbd5e1);
    --color-tertiary-bg: var(--palette-transparent, transparent);
    --color-tertiary-border: var(--palette-grey-500, #64748b);
    --color-tertiary-hover: var(--palette-grey-400, #94a3b8);
    /* --- FOURTH ACTION (Destructive) --- */
    --color-danger-main: var(--palette-white, #ffffff);
    --color-danger-bg: var(--palette-rose-700, #b91c1c);
    --color-danger-border: var(--palette-rose-900, #450a0a);
    --color-danger-hover: var(--palette-rose-800, #991b1b);
    /* --- FIFTH ACTION (Inverted Neutral) --- */
    --color-inverted-main: var(--palette-navy-900, #0b1026);
    --color-inverted-bg: var(--palette-navy-100, #e6e6e6);
    --color-inverted-border: var(--palette-grey-200, #cbd5e1);
    --color-inverted-hover: var(--palette-white, #ffffff);
    /* --- ERROR STATE (Dark Mode) --- */
    --color-error-main: var(--palette-rose-200, #fecaca);
    --color-error-bg: var(--palette-rose-900, #450a0a);
    --color-error-border: var(--palette-rose-700, #b91c1c);
    --color-on-error: var(--palette-rose-900, #450a0a);
    /* --- SUCCESS STATE (Dark Mode) --- */
    --color-success-main: var(--palette-sage-200, #bbf7d0);
    --color-success-bg: var(--palette-sage-900, #052e16);
    --color-success-border: var(--palette-sage-700, #15803d);
    --color-on-success: var(--palette-sage-900, #052e16);
    /* --- WARNING STATE (Dark Mode) --- */
    --color-warning-main: var(--palette-amber-200, #fde68a);
    --color-warning-bg: var(--palette-amber-900, #451a03);
    --color-warning-border: var(--palette-amber-700, #b45309);
    --color-on-warning: var(--palette-amber-900, #451a03);
  }
}
body.dark-theme {
  --bg-body: var(--palette-navy-900, #0b1026);
  --bg-card: var(--palette-navy-800, #151d3b);
  /* --- SURFACES & BACKGROUNDS --- */
  --color-bg-canvas: var(--palette-navy-900, #0b1026);
  --color-bg-surface: var(--palette-navy-800, #151d3b);
  /* --- TEXT & BORDERS --- */
  --color-text-main: var(--palette-navy-100, #e6e6e6);
  --color-text-muted: var(--palette-grey-400, #94a3b8);
  --color-border: var(--palette-grey-500, #64748b);
  /* --- INPUTS & FORMS --- */
  --input-bg: var(--palette-navy-800, #151d3b);
  --input-border: var(--palette-grey-500, #64748b);
  --input-hover: var(--palette-grey-500, #64748b);
  --input-placeholder: var(--palette-grey-500, #64748b);
  --input-shadow: transparent;
  --input-focus: var(--palette-gold-500, #d4af37);
  --input-focus-shadow: var(--palette-gold-500-glow-40, #d4af3766);
  /* --- PRIMARY ACTION --- */
  --color-primary-main: var(--palette-white, #ffffff);
  --color-primary-bg: var(--palette-gold-500, #d4af37);
  --color-primary-border: var(--palette-gold-600, #b5952f);
  --color-primary-hover: var(--palette-gold-400, #ffd700);
  /* --- SECONDARY ACTION --- */
  --color-secondary-main: var(--palette-navy-100, #e6e6e6);
  --color-secondary-bg: var(--palette-navy-800, #151d3b);
  --color-secondary-border: var(--palette-grey-500, #64748b);
  --color-secondary-hover: var(--palette-grey-500, #64748b);
  /* --- THIRD ACTION (Ghost/Utility) --- */
  --color-tertiary-main: var(--palette-grey-200, #cbd5e1);
  --color-tertiary-bg: var(--palette-transparent, transparent);
  --color-tertiary-border: var(--palette-grey-500, #64748b);
  --color-tertiary-hover: var(--palette-grey-400, #94a3b8);
  /* --- FOURTH ACTION (Destructive) --- */
  --color-danger-main: var(--palette-white, #ffffff);
  --color-danger-bg: var(--palette-rose-700, #b91c1c);
  --color-danger-border: var(--palette-rose-900, #450a0a);
  --color-danger-hover: var(--palette-rose-800, #991b1b);
  /* --- FIFTH ACTION (Inverted Neutral) --- */
  --color-inverted-main: var(--palette-navy-900, #0b1026);
  --color-inverted-bg: var(--palette-navy-100, #e6e6e6);
  --color-inverted-border: var(--palette-grey-200, #cbd5e1);
  --color-inverted-hover: var(--palette-white, #ffffff);
  /* --- ERROR STATE (Dark Mode) --- */
  --color-error-main: var(--palette-rose-200, #fecaca);
  --color-error-bg: var(--palette-rose-900, #450a0a);
  --color-error-border: var(--palette-rose-700, #b91c1c);
  --color-on-error: var(--palette-rose-900, #450a0a);
  /* --- SUCCESS STATE (Dark Mode) --- */
  --color-success-main: var(--palette-sage-200, #bbf7d0);
  --color-success-bg: var(--palette-sage-900, #052e16);
  --color-success-border: var(--palette-sage-700, #15803d);
  --color-on-success: var(--palette-sage-900, #052e16);
  /* --- WARNING STATE (Dark Mode) --- */
  --color-warning-main: var(--palette-amber-200, #fde68a);
  --color-warning-bg: var(--palette-amber-900, #451a03);
  --color-warning-border: var(--palette-amber-700, #b45309);
  --color-on-warning: var(--palette-amber-900, #451a03);
}

body,
dialog {
  background-color: var(--bg-body);
  color: var(--color-text-main);
}

/*# sourceMappingURL=theme.css.map */