/* ============================================================
   THEME PALETTES
   ------------------------------------------------------------
   Add future palettes as:

   html[data-theme="Theme Name"] { ... }

   Keep these semantic token names identical across every theme.
   ============================================================ */


/* Optional fallback if data-theme is ever omitted. */
:root {
  --color-primary:        #202020;
  --color-primary-hover:  #080808;
  --color-accent:         #717171;
  --color-accent-soft:    #E2E2E2;
  --color-canvas:         #F7F7F5;
  --color-surface:        #FFFFFF;
  --color-surface-soft:   #ECECEA;
  --color-surface-tint:   #DEDEDA;
  --color-surface-strong: #161616;
  --color-text:           #292929;
  --color-heading:        #111111;
  --color-text-soft:      #5E5E5E;
  --color-text-faint:     #858585;
  --color-text-inverse:   #FFFFFF;
  --color-text-on-accent: #FFFFFF;
  --color-border:         #D2D2CF;
  --color-border-strong:  #A7A7A3;
  --color-focus-ring:     rgba(32,32,32,.18);
  --color-header-bg:      rgba(247,247,245,.92);
  --color-overlay:        rgba(8,8,8,.68);
  --color-success-bg:     #E1E1DE;
  --color-success-text:   #272727;
  --shadow-card:  0 1px 2px rgba(0,0,0,.05), 0 18px 55px rgba(0,0,0,.10);
  --shadow-float: 0 12px 40px rgba(0,0,0,.12);
  --shadow-modal: 0 30px 90px rgba(0,0,0,.28);
  --shadow-button:0 12px 30px rgba(0,0,0,.18);
}

/* =========================================================
   1. Gold&Blue
   ========================================================= */

html[data-theme="Gold&Blue"] {
  /* Brand */
  --color-primary:        #12294D;
  --color-primary-hover:  #0F2241;

  --color-accent:         #D3AF37;
  --color-accent-soft:    #F3E9C7;

  /* Surfaces */
  --color-canvas:         #FFFFFF;
  --color-surface:        #FFFFFF;
  --color-surface-soft:   #FBF8ED;
  --color-surface-tint:   #F2E7C4;
  --color-surface-strong: #12294D;

  /* Typography */
  --color-text:           #415471;
  --color-heading:        #12294D;
  --color-text-soft:      #4B5D78;
  --color-text-faint:     #7E8B9E;

  --color-text-inverse:   #FFFFFF;
  --color-text-on-accent: #12294D;

  /* Borders */
  --color-border:         #E1DFD5;
  --color-border-strong:  #D3AF37;

  /* Special surfaces */
  --color-header-bg:      rgba(255,255,255,.94);
  --color-overlay:        rgba(18,41,77,.76);
  --color-focus-ring:     rgba(211,175,55,.30);

  /* Shadows */
  --shadow-card:
    0 1px 2px             rgba(18,41,77,.05),
    0 18px 55px           rgba(18,41,77,.11);

  --shadow-float:
    0 12px 40px           rgba(18,41,77,.14);

  --shadow-modal:
    0 30px 90px           rgba(18,41,77,.30);

  --shadow-button:
    0 12px 30px           rgba(18,41,77,.22);
}