/* grass_theme.css */

.uk-theme-grass {
    --background: 78 30% 98%;
    --foreground: 78 40% 10%;

    /* Muted highlight states for Light Mode - less "loud" */
    --muted: 78 20% 94%;
    --muted-foreground: 78 15% 40%;

    --popover: 0 0% 100%;
    --popover-foreground: 78 40% 10%;
    --card: 0 0% 100%;
    --card-foreground: 78 40% 10%;

    --border: 78 20% 90%;
    --input: 78 20% 90%;

    /* Primary - Vibrant Emerald */
    --primary: 145 65% 35%;
    --primary-foreground: 0 0% 100%; /* White text on deep emerald is fine */

    /* Secondary/Accent - Softened for better "vibe" in Light Mode */
    --secondary: 43 40% 92%;       /* Desaturated Gold (Much softer) */
    --secondary-foreground: 43 60% 25%;

    --accent: 145 40% 93%;         /* Desaturated Mint (Subtle highlight) */
    --accent-foreground: 145 60% 25%;

    --destructive: 0 84% 60%;
    --destructive-foreground: 0 0% 100%;

    --ring: 145 65% 35%;
    --radius: 0.75rem;
  }

  .dark.uk-theme-grass {
    --background: 160 25% 5%;
    --foreground: 78 30% 95%;

    --muted: 160 20% 12%;
    --muted-foreground: 78 10% 65%;

    --popover: 160 25% 8%;
    --popover-foreground: 78 30% 95%;
    --card: 160 25% 7%;
    --card-foreground: 78 30% 95%;

    --border: 160 20% 15%;
    --input: 160 20% 15%;

    /* Primary - Lime Green */
    --primary: 145 60% 50%;
    /* FIX: Black text for high-brightness primary color in dark mode */
    --primary-foreground: 78 40% 5%;

    /* Secondary/Accent - Darker tones */
    --secondary: 43 60% 20%;
    --secondary-foreground: 0 0% 100%; /* White text is perfect here */

    --accent: 160 30% 15%;
    --accent-foreground: 78 40% 80%;

    --destructive: 0 62% 30%;
    --destructive-foreground: 0 84% 90%;

    --ring: 145 60% 50%;
  }
  

* {
  border-color: hsl(var(--border));
  /*transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; */
}

*:focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: 2px;
}

::selection {
  /* We use hsla to add alpha (transparency) so it's not a neon block */
  background-color: hsla(var(--accent));
  color: inherit; /* Keeps the original text color for better readability 
  background-color: hsl(var(--primary));
  color: hsl(var(--primary-foreground));*/
}