/* brand.css — ANS Growth Advisors theme (white-label edition).
 * Loaded after style.css; only the tokens and a few surfaces change, the
 * layout is the same app. Colours from ansgrowthadvisors.com: navy #20273C
 * (the logo tile), gold #C3A975 (headline / buttons), light gold #DEC999,
 * ivory #F5F2EC, green #7DB544 (the word GROWTH in the logo).
 */
:root {
  --brand-navy: #20273C;
  --brand-blue: #C3A975;
  --brand-sky: #DEC999;
  --brand-gray: #E9E6DF;
  --brand-green: #7DB544;

  --bg: #FBFAF7;
  --bg-soft: #F5F2EC;
  --bg-elevated: #FFFFFF;
  --ink: #20273C;
  --ink-soft: #4A5068;
  --ink-muted: #8B8F9C;
  --rule: #E9E6DF;
  --accent: #A8894F;          /* gold, darkened for text and hover contrast on white */
  --accent-hover: #8F7340;
  --accent-soft: #DEC999;
  --success: #5E9A2E;
  --error: #B04848;
  --warning: #9C7C2E;
  --shadow: 0 1px 2px rgba(32, 39, 60, 0.05), 0 4px 12px rgba(32, 39, 60, 0.06);
}

/* The header wears the brand's dark navy like the website's own nav */
.app-header {
  background: #20273C;
  border-bottom: 1px solid #2C3550;
}
.app-header .brand-sub { color: #C3A975; letter-spacing: 0.08em; text-transform: uppercase; font-size: 12px; }
.app-header .user-info, .app-header .user-info a { color: #E9E6DF; }
.app-header .user-info a:hover { color: #C3A975; }
.brand-logo-header { background: #FFFFFF; border-radius: 6px; padding: 4px 8px; }

/* Primary actions: gold on navy hover, as on the website's buttons */
button, .btn { background: #C3A975; border-color: #C3A975; color: #20273C; font-weight: 600; }
button:hover, .btn:hover { background: #20273C; border-color: #20273C; color: #FFFFFF; }
.btn-secondary { background: transparent; color: #20273C; border-color: #20273C; }
.btn-secondary:hover { background: #20273C; color: #FFFFFF; }

/* Module tabs, chips and links */
.module-tab { border-color: #E9E6DF; }
a:hover { color: #A8894F; }
.audit-admin-badge { background: #F5F2EC; color: #20273C; border: 1px solid #E9E6DF; }

/* Tables and tiles reuse the tokens; the accent on focus rings follows */
input:focus, select:focus, textarea:focus { border-color: #C3A975; box-shadow: 0 0 0 3px rgba(195, 169, 117, 0.25); }

/* The sign-in tile carries the full mark — give it room to read */
.brand-logo-login { height: 128px !important; border-radius: 12px; box-shadow: 0 6px 18px rgba(32, 39, 60, 0.18); }