/* ===========================================
   Theme Configuration - Gratu
   Forest green + lime accent theme
   =========================================== */

:root {
  /* Brand colors */
  --brand-primary: #132417;        /* Dark forest green - main background */
  --brand-hover: #1a3020;          /* Slightly lighter for hover states */
  --brand-accent: #b1ec6f;         /* Bright lime green for CTAs */
  --brand-accent-hover: #9fd95f;   /* Darker lime for hover */

  /* Background colors */
  --surface-dark: #132417;         /* Main background */
  --surface-footer: #132417;       /* Footer background */

  /* Text colors */
  --text-primary: #fafbf7;         /* Off-white/cream - primary text */
  --text-secondary: #f5f5f4;       /* Stone-100 - secondary text */
  --text-muted: rgba(250, 251, 247, 0.8);   /* Muted text */
  --text-subtle: rgba(250, 251, 247, 0.6);  /* Subtle text */
  --text-accent: #05df72;          /* Bright green for badges/accents */

  /* Card/glass effect colors */
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.07);
  --card-border-hover: rgba(255, 255, 255, 0.15);
  --glass-bg: rgba(255, 255, 255, 0.1);
  --glass-border: rgba(255, 255, 255, 0.2);

  /* Nav pill styling */
  --nav-bg: rgba(255, 255, 255, 0.28);
  --nav-border: rgba(255, 255, 255, 0.16);

  /* Nav CTA button */
  --nav-button-bg: #fafbf7;        /* Off-white/cream */
  --nav-button-hover: #f0f0ec;     /* Slightly darker on hover */
  --nav-button-text: #132417;      /* Dark green text */

  /* Nav CTA button - scrolled state */
  --nav-button-scrolled-bg: #b1ec6f;       /* Lime green */
  --nav-button-scrolled-hover: #9fd95f;    /* Darker lime */
  --nav-button-scrolled-text: #132417;     /* Dark green text */

  /* Secondary button (Get Updates) */
  --button-secondary-bg: #fafbf7;
  --button-secondary-text: #132417;

  /* Status colors */
  --status-available: #05df72;     /* Bright green for badges */

  /* Selection color */
  --selection-bg: var(--brand-accent);
  --selection-text: var(--brand-primary);
}