:root {
  --brand-tan: #E8D5B7;
  --brand-sand: #F1E4CD;
  --brand-cream: #FBF7F2;
  --brand-primary: #3F9D6B;
  --brand-accent: #2A6E4A;
  --brand-neutral: #2E4034;
  --background: 138 65% 97%;
  --foreground: 139 14% 8%;
  --card: 300 50% 100%;
  --card-foreground: 139 14% 8%;
  --popover: 300 50% 100%;
  --popover-foreground: 139 14% 8%;
  --primary: 148 43% 43%;
  --primary-foreground: 300 0% 4%;
  --secondary: 138 17% 90%;
  --secondary-foreground: 139 14% 8%;
  --muted: 138 17% 90%;
  --muted-foreground: 138 5% 25%;
  --accent: 141 37% 85%;
  --accent-foreground: 139 14% 8%;
  --border: 138 11% 85%;
  --input: 138 11% 85%;
  --ring: 148 43% 43%;
  --ring-offset-background: 138 65% 97%;
  --destructive: 360 56% 43%;
  --destructive-foreground: 300 50% 100%;
  --success: 139 56% 30%;
  --warning: 40 100% 26%;
  --info: 209 58% 39%;
  --radius-xs: 0.375rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --radius-xl: 1.5rem;
  --radius-2xl: 1.75rem;
  --radius-full: 9999px;
  --spacing-0: 0rem;
  --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: 1.5px;
  --shadow-xs: 0 1px 2px rgba(22,53,34,0.06);
  --shadow-card: 0 1px 2px rgba(22,53,34,0.06), 0 8px 24px -8px rgba(22,53,34,0.12);
  --shadow-lift: 0 2px 4px rgba(22,53,34,0.08), 0 16px 32px -12px rgba(22,53,34,0.16);
  --shadow-popover: 0 2px 4px rgba(22,53,34,0.08), 0 16px 32px -12px rgba(22,53,34,0.16);
  --shadow-float: 0 4px 8px rgba(22,53,34,0.08), 0 24px 48px -16px rgba(22,53,34,0.18);
  --shadow-modal: 0 4px 8px rgba(22,53,34,0.08), 0 24px 48px -16px rgba(22,53,34,0.18);
  --shadow-inset: inset 0 2px 4px rgba(22,53,34,0.1);
  --font-sans: "DM Sans Variable", "DM Sans", system-ui, sans-serif;
  --font-serif: "Lora Variable", "Lora", Georgia, serif;
  --surface-glass: rgba(255,255,255,0.42);
  --surface-glass-strong: rgba(255,255,255,0.66);
  --surface-sunken: rgba(255,255,255,0.26);
  --surface-hover: rgba(255,255,255,0.58);
  --surface-overlay: rgba(255,255,255,0.94);
  --border-glass: rgba(255,255,255,0.6);
  --blur-glass: 20px;
  --gradient-app: linear-gradient(128deg, #ccefd8 0%, #cbead6 34%, #c9e6d4 68%, #c8e2d1 100%);
  --brand-primary-dark: #0f1f14;
  --brand-accent-deep: #01512f;
  --status-success-fg: #4f6b2a;
  --status-success-bg: #e8e9c4;
  --status-warning-fg: #8a5a12;
  --status-warning-bg: #fbe6bb;
  --status-error-fg: #8e3520;
  --status-error-bg: #f4d2c4;
  --status-info-fg: #5c3d2e;
  --status-info-bg: #f1e4cd;
  --status-neutral-fg: #6b5744;
  --status-neutral-bg: #ede4d9;
}
.dark {
  --background: 139 23% 5%;
  --foreground: 138 17% 90%;
  --card: 139 16% 7%;
  --card-foreground: 138 17% 90%;
  --popover: 139 18% 6%;
  --popover-foreground: 138 17% 90%;
  --primary: 147 38% 53%;
  --primary-foreground: 300 0% 4%;
  --secondary: 139 11% 11%;
  --secondary-foreground: 138 17% 90%;
  --muted: 139 11% 11%;
  --muted-foreground: 138 5% 68%;
  --accent: 145 35% 14%;
  --accent-foreground: 138 17% 90%;
  --border: 138 8% 15%;
  --input: 138 8% 15%;
  --ring: 147 38% 53%;
  --ring-offset-background: 139 23% 5%;
  --destructive: 2 61% 58%;
  --destructive-foreground: 300 0% 4%;
  --success: 135 35% 45%;
  --warning: 40 96% 36%;
  --info: 210 51% 54%;
  --surface-glass: rgba(22,17,30,0.42);
  --surface-glass-strong: rgba(22,17,30,0.66);
  --surface-sunken: rgba(22,17,30,0.26);
  --surface-hover: rgba(22,17,30,0.58);
  --surface-overlay: rgba(22,17,30,0.97);
  --border-glass: rgba(255,255,255,0.14);
  --blur-glass: 20px;
  --gradient-app: linear-gradient(128deg, #1d2d23 0%, #1a2a20 34%, #18261e 68%, #16231b 100%);
}