/* src/frontend/action-colors.generated.css */
:root {
  --primary: #008300;
  --primary: oklch(52% .22 145);
  --primary-hover: #007500;
  --primary-hover: oklch(48% .19 145);
  --primary-active: #006800;
  --primary-active: oklch(44% .17 145);
  --primary-foreground: #fefcf4;
  --primary-foreground: oklch(99% .01 95);
  --secondary: #d78d00;
  --secondary: oklch(70% .16 75);
  --secondary-hover: #c07c00;
  --secondary-hover: oklch(64% .15 75);
  --secondary-active: #a96b00;
  --secondary-active: oklch(58% .14 75);
  --secondary-foreground: #261704;
  --secondary-foreground: oklch(22% .04 70);
  --destructive: #dc0015;
  --destructive: oklch(55% .25 25);
  --destructive-hover: #c20011;
  --destructive-hover: oklch(50% .22 25);
  --destructive-active: #ac0010;
  --destructive-active: oklch(46% .2 25);
  --destructive-foreground: #fefcf4;
  --destructive-foreground: oklch(99% .01 95);
}

@media (prefers-color-scheme: dark) {
  :root {
    --primary: #19c63c;
    --primary: oklch(72% .22 145);
    --primary-hover: #38d64e;
    --primary-hover: oklch(77% .22 145);
    --primary-active: #00b12e;
    --primary-active: oklch(66% .21 145);
    --primary-foreground: #051606;
    --primary-foreground: oklch(18% .04 145);
    --secondary: #e2a520;
    --secondary: oklch(76% .15 80);
    --secondary-hover: #f3b539;
    --secondary-hover: oklch(81% .15 80);
    --secondary-active: #c8900f;
    --secondary-active: oklch(69% .14 80);
    --secondary-foreground: #211201;
    --secondary-foreground: oklch(20% .04 70);
    --destructive: #ff4247;
    --destructive: oklch(68% .25 25);
    --destructive-hover: #ff6d68;
    --destructive-hover: oklch(73% .2 25);
    --destructive-active: #ea3037;
    --destructive-active: oklch(61% .22 25);
    --destructive-foreground: #200a08;
    --destructive-foreground: oklch(18% .04 25);
  }
}