/* ================================================
   ASHFORD SALES — theme.css
   THE ONLY PLACE hex values live.
   To switch palettes: edit only this file.
   Light theme is DEFAULT. Dark = [data-theme="dark"].
   ================================================ */

/* ── Light theme (DEFAULT) ── */
:root {
  /* Raw palette tokens */
  --palette-darkest:   #0B132B;
  --palette-dark:      #1C2541;
  --palette-slate:     #3A506B;
  --palette-teal:      #5BC0BE;
  --palette-white:     #FFFFFF;

  /* Light-specific overrides */
  --color-bg:              #F4F7FB;
  --color-bg-alt:          #FFFFFF;
  --color-surface:         #FFFFFF;
  --color-border:          #DDE4EE;
  --color-border-subtle:   #C8D3E0;

  --color-text:            #0B132B;
  --color-text-secondary:  #3A506B;
  --color-text-muted:      #7A90A8;

  --color-accent:          #1A8C8A;
  --color-accent-text:     #FFFFFF;

  --color-navy:            #1C2541;
  --color-navy-dark:       #0B132B;
  --color-cream:           #F4F7FB;
  --color-salmon:          #1A8C8A;
  --color-red:             #C0392B;

  --btn-primary-bg:        #0B132B;
  --btn-primary-text:      #FFFFFF;
  --btn-outline-border:    #C8D3E0;
  --btn-outline-text:      #0B132B;

  --glow-accent:           rgba(26,140,138,0.12);
  --glow-accent-strong:    rgba(26,140,138,0.25);

  --nav-scrolled-rgb:      244,247,251;   /* #F4F7FB */
}

/* ── Dark theme ── */
[data-theme="dark"] {
  --color-bg:              #0B132B;
  --color-bg-alt:          #1C2541;
  --color-surface:         #1C2541;
  --color-border:          #1C2541;
  --color-border-subtle:   #3A506B;

  --color-text:            #FFFFFF;
  --color-text-secondary:  #B8C8D8;
  --color-text-muted:      #3A506B;

  --color-accent:          #5BC0BE;
  --color-accent-text:     #0B132B;

  --color-navy:            #1C2541;
  --color-navy-dark:       #0B132B;
  --color-cream:           #0B132B;
  --color-salmon:          #5BC0BE;
  --color-red:             #FF6B6B;

  --btn-primary-bg:        #5BC0BE;
  --btn-primary-text:      #0B132B;
  --btn-outline-border:    #3A506B;
  --btn-outline-text:      #FFFFFF;

  --glow-accent:           rgba(91,192,190,0.15);
  --glow-accent-strong:    rgba(91,192,190,0.30);

  --nav-scrolled-rgb:      11,19,43;      /* #0B132B */
}