/* Fakt Brand Colors for Material Theme
 *
 * Brand Palette:
 * - Green (primary): #27AF4E
 * - Dark Green: #0C6B25
 * - Yellow (accent): #D6FC63
 * - Teal (gradient): #00A69C
 */

/* ========================================
   LIGHT THEME (default)
   ======================================== */
[data-md-color-scheme="default"] {
  /* Primary Colors - Fakt Brand Green */
  --md-primary-fg-color: #27AF4E;              /* Main green - header, navigation */
  --md-primary-fg-color--light: #5FC77E;       /* Lighter green - hover states */
  --md-primary-fg-color--dark: #0C6B25;        /* Dark green - active states */

  /* Accent Colors - Fakt Brand Yellow */
  --md-accent-fg-color: #D6FC63;               /* Brand yellow - accents, highlights */

  /* Links */
  --md-typeset-a-color: #27AF4E;               /* Link color - brand green */
}

/* ========================================
   DARK THEME (slate)
   ======================================== */
[data-md-color-scheme="slate"] {
  /* Primary Colors - Lighter Green for Dark Backgrounds */
  --md-primary-fg-color: #5FC77E;              /* Lighter green - better contrast */
  --md-primary-fg-color--light: #7FD799;       /* Even lighter - hover states */
  --md-primary-fg-color--dark: #27AF4E;        /* Original green - active states */

  /* Accent Colors - Fakt Brand Yellow */
  --md-accent-fg-color: #D6FC63;               /* Brand yellow - vibrant on dark */

  /* Links */
  --md-typeset-a-color: #5FC77E;               /* Link color - light green */
}

/* ========================================
   OPTIONAL: Teal Accents
   ======================================== */
/* Uncomment to use teal (#00A69C) for specific elements */
/*
[data-md-color-scheme="default"] {
  --md-accent-fg-color: #00A69C;
}

[data-md-color-scheme="slate"] {
  --md-accent-fg-color: #00A69C;
}
*/