:root {
  --brand-tan: #E8D5B7;
  --brand-sand: #F1E4CD;
  --brand-cream: #FBF7F2;
  --brand-primary: #197A85;
  --brand-accent: #6FC207;
  --brand-neutral: #0F2D37;
  --brand-ink: #0d3d44;
  --surface-ink: 188 68% 16%;
  --surface-ink-raised: 188 37% 26%;
  --border-ink: 188 52% 22%;
  --text-on-ink: 0 0% 100%;
  --text-on-ink-muted: 189 21% 69%;
  --text-on-ink-faint: 189 18% 45%;
  --radius-sm: 0.313rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-full: 9999px;
  --spacing-0: 0rem;
  --spacing-5: 1.25rem;
  --spacing-10: 2.5rem;
  --spacing-20: 5rem;
  --focus-ring-gap: 1px;
  --focus-ring-size: 4px;
  --font-mono: "Fira Mono", ui-monospace, monospace;
  --background: 197 24% 97%;
  --foreground: 196 19% 24%;
  --card: 0 0% 100%;
  --card-foreground: 196 19% 24%;
  --ring: 186 68% 31%;
  --ring-offset-background: 197 24% 97%;
  --destructive: 360 64% 53%;
  --destructive-foreground: 0 0% 100%;
  --success: 87 94% 39%;
  --warning: 46 96% 47%;
  --info: 186 69% 31%;
  --radius-xs: 0.188rem;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-24: 6rem;
  --border-width: 1px;
  --shadow-xs: 0 1px 2px rgba(15,45,55,0.04);
  --shadow-card: 0 1px 2px rgba(15,45,55,0.04);
  --shadow-lift: 0 2px 6px rgba(15,45,55,0.06);
  --shadow-popover: 0 12px 32px rgba(15,45,55,0.16);
  --shadow-float: 0 12px 32px rgba(15,45,55,0.16);
  --shadow-modal: 0 16px 40px rgba(15,45,55,0.2);
  --shadow-inset: none;
  --font-sans: "Fira Sans", "Segoe UI", system-ui, sans-serif;
  --font-serif: "Fira Sans", "Segoe UI", system-ui, sans-serif;
  --surface-glass: hsl(0 0% 100%);
  --surface-glass-strong: hsl(0 0% 100%);
  --surface-sunken: hsl(197 17% 94%);
  --surface-hover: hsl(197 17% 94%);
  --border-glass: hsl(197 13% 88%);
  --blur-glass: 0px;
  --surface-overlay: rgba(255,255,255,0.94);
  --popover: 0 0% 100%;
  --popover-foreground: 196 19% 24%;
  --primary: 186 68% 31%;
  --primary-foreground: 0 0% 100%;
  --secondary: 197 17% 94%;
  --secondary-foreground: 196 19% 24%;
  --muted: 197 17% 94%;
  --muted-foreground: 197 12% 41%;
  --accent: 97 77% 94%;
  --accent-foreground: 196 19% 24%;
  --border: 197 13% 88%;
  --input: 197 13% 88%;
  --gradient-app: hsl(var(--background));
  --brand-primary-dark: #0d3d44;
  --brand-accent-deep: #5a9f00;
  --status-success-fg: #3f6b04;
  --status-success-bg: #e7f7d1;
  --status-warning-fg: #854d0e;
  --status-warning-bg: #fef9c3;
  --status-error-fg: #b91c1c;
  --status-error-bg: #fef2f2;
  --status-info-fg: #155f6b;
  --status-info-bg: #eef5f6;
  --status-neutral-fg: #4a5b62;
  --status-neutral-bg: #eef1f3;
}
.dark {
  --surface-ink: 188 68% 16%;
  --surface-ink-raised: 188 37% 26%;
  --border-ink: 188 52% 22%;
  --text-on-ink: 0 0% 100%;
  --text-on-ink-muted: 189 21% 69%;
  --text-on-ink-faint: 189 18% 45%;
  --background: 197 37% 5%;
  --foreground: 197 29% 90%;
  --card: 196 26% 7%;
  --card-foreground: 197 29% 90%;
  --popover: 196 29% 7%;
  --popover-foreground: 197 29% 90%;
  --primary: 187 41% 53%;
  --primary-foreground: 0 0% 4%;
  --secondary: 197 18% 11%;
  --secondary-foreground: 197 29% 90%;
  --muted: 197 18% 11%;
  --muted-foreground: 197 8% 68%;
  --accent: 96 27% 14%;
  --accent-foreground: 197 29% 90%;
  --border: 197 14% 15%;
  --input: 197 14% 15%;
  --ring: 187 41% 53%;
  --ring-offset-background: 197 37% 5%;
  --destructive: 0 72% 58%;
  --destructive-foreground: 0 0% 4%;
  --success: 86 100% 30%;
  --warning: 45 100% 33%;
  --info: 187 46% 43%;
  --surface-glass: hsl(196 26% 7%);
  --surface-glass-strong: hsl(196 26% 7%);
  --surface-sunken: hsl(197 18% 11%);
  --surface-hover: hsl(197 18% 11%);
  --blur-glass: 0px;
  --surface-overlay: rgba(22,17,30,0.97);
  --border-glass: hsl(197 14% 15%);
  --gradient-app: hsl(var(--background));
}
:root .bp-button {
  font-weight: 500;
}