/*
 * TAC Ambassador — Light Theme
 * Base: aura-light-amber
 * Brand primary: #c8a445 (TAC gold)
 *
 * TO REVERT: change href in index.html back to /themes/aura-light-amber/theme.css
 *            and restore layout.js theme default to 'aura-light-amber'
 */
@import url("../aura-light-amber/theme.css");

:root {
  /* ── TAC Gold primary scale ─────────────────────────────────────────────
     Derived from #c8a445:
       50–200  : very light tints (backgrounds, highlights)
       300–400 : light tints (hover states)
       500     : brand base color
       600–900 : darker shades (text on light, pressed states)
  ── */
  --primary-50:  #fdf8ec;
  --primary-100: #f8edcc;
  --primary-200: #f0d98a;
  --primary-300: #dfc06a;
  --primary-400: #d4b055;
  --primary-500: #c8a445;   /* TAC gold */
  --primary-600: #a8893a;
  --primary-700: #896f2f;
  --primary-800: #6a5524;
  --primary-900: #4b3b19;

  /* ── Core theme overrides ───────────────────────────────────────────────
     Light mode: white backgrounds, slate-grey text (no pure black)
  ── */
  --primary-color:       #c8a445;
  --primary-color-text:  #ffffff;

  --text-color:           #2d2d2d;        /* near-black, not pure #000 */
  --text-color-secondary: #5f6b7a;

  --surface-ground:   #f6f7f9;
  --surface-section:  #ffffff;
  --surface-card:     #ffffff;
  --surface-overlay:  #ffffff;
  --surface-border:   #e0e4ea;
  --surface-hover:    #f0f2f5;

  --highlight-bg:          rgba(200, 164, 69, 0.12);
  --highlight-text-color:  #7a6128;

  --p-focus-ring-color: #c8a445;
}