/* generated 2026-08-31 — the Branding form rewrites this file. Edits made here are replaced.
   Unlayered and doubled-up on purpose: Tailwind emits its tokens inside
   @layer theme, and unlayered CSS beats layered CSS at any source order. */

:root:root {
  --color-primary: #00E76F;
  --color-secondary: #00E76F;
  --color-ring: #00E76F;
  --color-primary-dark: color-mix(in srgb, #00E76F 82%, black);
  --color-primary-light: color-mix(in srgb, #00E76F 45%, white);
  --color-primary-bg: color-mix(in srgb, #00E76F 8%, white);
  --color-accent: color-mix(in srgb, #00E76F 8%, white);
  --color-accent-foreground: #00E76F;
  --color-border: color-mix(in srgb, #00E76F 32%, transparent);
  --color-input: color-mix(in srgb, #00E76F 32%, transparent);
  --color-border-soft: color-mix(in srgb, #00E76F 22%, white);
  --color-primary-foreground: #0A0A0A;
  --color-secondary-foreground: #0A0A0A;
  --color-background: #F5F7F8;
  --color-muted: color-mix(in srgb, #F5F7F8 60%, white);
  --color-card: #FFFFFF;
  --color-popover: #FFFFFF;
  --color-sidebar-background: #111111;
  --color-sidebar-header: #111111;
  --color-sidebar-emphasis: #FFFFFF;
  --color-sidebar-foreground: color-mix(in srgb, #FFFFFF 90%, #111111);
  --color-sidebar-muted: color-mix(in srgb, #FFFFFF 65%, #111111);
  --color-sidebar-hover: color-mix(in srgb, #FFFFFF 10%, transparent);
  --radius-button: 10px;
  --radius-card: 6px;
  --radius-input-multiline: 6px;
  --radius-input: 10px;
}