/* Signature Aviation theme — dark teal / gold / cream palette from
   knowledge.lexingtonalarm.org/mockup/signature.html.

   Header content (eyebrow + brand text) comes from app/themes.py;
   this file only paints. The "ghost button" secondary hover (outlined
   teal → filled teal) is a rule-level override because it's a
   different interaction model than the default darken-on-hover. */

body.theme-signature {
  --theme-fg: #2A2A2A;
  --theme-fg-muted: #6B6B68;
  --theme-bg-page: #FAF7F2;       /* warm cream */
  --theme-bg-card: #FFFFFF;
  --theme-border: #D4CDB8;        /* warm tan border */

  --theme-primary: #C99B3D;       /* gold */
  --theme-primary-dark: #B68829;
  --theme-secondary: #1E4D4A;     /* dark teal */
  --theme-secondary-dark: #143734;
  --theme-on-primary: #2A1E04;    /* gold + dark text reads better than gold + white */
  --theme-on-secondary: #FAF7F2;

  --theme-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --theme-font-heading: Georgia, "Times New Roman", serif;

  /* Highlight box: gold left-rule on white, the "ask callout" pattern. */
  --theme-highlight-border: 1px solid var(--theme-border);
  --theme-highlight-border-left: 4px solid var(--theme-primary);
  --theme-highlight-radius: 0 8px 8px 0;

  /* Page titles: dark teal, sentence case, tight tracking. */
  --theme-page-title-color: var(--theme-secondary);
  --theme-page-title-transform: none;
  --theme-page-title-letter-spacing: -0.005em;

  /* Header / footer chrome: dark teal background. */
  --theme-header-bg: var(--theme-secondary);
  --theme-header-fg: var(--theme-on-secondary);
  --theme-footer-bg: var(--theme-secondary);
  --theme-footer-fg: #C9DDDB;

  --theme-button-radius: 6px;
}

/* Header eyebrow tints to gold — a Signature-specific accent that
   highlights the "national letter campaign" tag. */
body.theme-signature .public-header-eyebrow { color: var(--theme-primary); }

/* Secondary button: outlined teal-on-cream with a teal fill on hover
   (ghost-button pattern). Replaces the default darken-secondary
   hover, which would be near-invisible against cream. */
body.theme-signature .public-button-secondary {
  background: transparent;
  color: var(--theme-secondary);
  border-color: var(--theme-secondary);
}
body.theme-signature .public-button-secondary:hover,
body.theme-signature .public-button-secondary:focus {
  background: var(--theme-secondary);
  color: var(--theme-on-secondary);
  border-color: var(--theme-secondary);
}