/* Redbelly DAO Task Board brand tokens. Generated from app/globals.css, do not edit by hand. */
/* Tailwind 4. Import after tailwindcss, then use classes such as bg-surface-slate, text-on-surface and bg-brand. */
@theme {
  --color-surface: #0c1317;
  --color-background-deep: #0a1014;
  --color-surface-container-lowest: #070c0f;
  --color-surface-container-low: #111a20;
  --color-surface-container: #17222a;
  --color-surface-container-high: #223039;
  --color-surface-container-highest: #2e3e49;
  --color-surface-slate: #141f26;
  --color-surface-steel: #1d3140;
  --color-panel-edge: #263641;
  --color-on-surface: #f1f5f8;
  --color-on-surface-variant: #c2ced6;
  --color-outline: #8fa1ad;
  --color-outline-variant: #34444f;
  --color-brand: #EF5350;
  --color-brand-hover: #f95a56;
  --color-on-brand: #ffffff;
  --color-primary: #ffb3ae;
  --color-ok: #86EFAC;
  --color-warn: #FCD34D;
  --color-error: #ffb4ab;
  --font-sans: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --radius-DEFAULT: 4px;
  --radius-lg: 8px;
  --container-page: 1280px;
}

/* The light theme swaps the same names. */
[data-theme="light"] {
  --color-surface: #EDF1F4;
  --color-background-deep: #EDF1F4;
  --color-surface-container-lowest: #FFFFFF;
  --color-surface-container-low: #F4F6F8;
  --color-surface-container: #E6EBEF;
  --color-surface-container-high: #DAE1E7;
  --color-surface-container-highest: #CCD6DD;
  --color-surface-slate: #FFFFFF;
  --color-surface-steel: #DDE6ED;
  --color-panel-edge: #D3DBE1;
  --color-on-surface: #0F1A22;
  --color-on-surface-variant: #394853;
  --color-outline: #596975;
  --color-outline-variant: #C3CDD4;
  --color-brand: #EF5350;
  --color-brand-hover: #D93E3B;
  --color-on-brand: #ffffff;
  --color-primary: #B3272A;
  --color-ok: #15803D;
  --color-warn: #A16207;
  --color-error: #B3261E;
}