/* Generated from frontend/styles/globals.css; do not edit. */
:root {
  --ink: 226 55% 12%;
  --lapis: 222 45% 20%;
  --hanji: 42 31% 94%;
  --bone: 42 29% 87%;
  --pine: 138 15% 26%;
  --celadon: 145 17% 77%;
  --plum: 280 17% 27%;
  --garden-background: 165 16.6667% 9.4118%;
  --garden-light: 148 16.4835% 17.8431%;
  --garden-title: 49.0909 24.4444% 91.1765%;
  --garden-meta: 136 9.434% 68.8235%;
  --garden-quiet: 142.8571 9.3333% 55.8824%;
  --garden-line: 144 10.0671% 29.2157%;
  --garden-trunk: 140 9.1703% 55.098%;
  --garden-leaf: 144 16.3934% 76.0784%;
  --garden-leaf-back: 144.6154 18.6603% 59.0196%;
  --garden-detail: 128.5714 12.963% 78.8235%;
  --garden-seed-stroke: 137.1429 9.6774% 42.549%;
  --garden-panel: 144 16.6667% 11.7647%;
  --pine-fg: 138 15% 26%;
  --plum-fg: 280 17% 27%;
  --foil-gold: 42 49% 43%;
  --foil-gold-soft: 42 51% 57%;
  --seal-pearl: 36 22% 76%;
  --seal-shadow: 30 16% 60%;
  --hl-risk: 343 80% 35%;
  --hl-opp: 163 94% 24%;
  --hl-fact: 224 64% 33%;
  --hl-pred: 263 70% 50%;
  --hl-insight: 26 90% 37%;
  --hl-gem: var(--foil-gold);
  --border-hard: rgba(15, 22, 48, 0.18);
  --shadow-sm: 0 1px 0 rgba(255, 255, 255, 0.5) inset,
                    0 1px 2px rgba(15, 22, 48, 0.05);
  --shadow-md: 0 1px 0 rgba(255, 255, 255, 0.5) inset,
                    0 4px 10px -4px rgba(15, 22, 48, 0.10),
                    0 0 0 1px hsl(var(--border));
  --brand-navy: 222 45% 20%;
  --brand-ivory: 42 31% 94%;
  --brand-ivory-dark: 42 29% 87%;
  --brand-sage: 138 15% 26%;
  --brand-orange: 42 51% 57%;
  --mobile-color-background: #f8fafc;
  --mobile-color-surface: rgba(15, 23, 42, 0.04);
  --mobile-color-surface-low: #f1f5f9;
  --mobile-color-surface-medium: #e2e8f0;
  --mobile-color-surface-high: #cbd5e1;
  --mobile-color-surface-bright: #ffffff;
  --mobile-color-border: rgba(15, 23, 42, 0.12);
  --mobile-color-primary: #1d4ed8;
  --mobile-color-primary-soft: rgba(29, 78, 216, 0.1);
  --mobile-color-primary-border: rgba(29, 78, 216, 0.28);
  --mobile-color-primary-glow: rgba(29, 78, 216, 0.35);
  --mobile-color-secondary: #d97706;
  --mobile-color-success: #059669;
  --mobile-color-warning: #d97706;
  --mobile-color-danger: #dc2626;
  --mobile-color-text-primary: #0f172a;
  --mobile-color-text-secondary: #475569;
  --mobile-color-text-tertiary: #64748b;
  --mobile-color-text-inverse: #ffffff;
  --mobile-color-glass: rgba(255, 255, 255, 0.92);
  --mobile-radius-xs: 4px;
  --mobile-radius-sm: 8px;
  --mobile-radius-md: 12px;
  --mobile-radius-lg: 16px;
  --mobile-radius-xl: 24px;
  --mobile-radius-xxl: 32px;
  --mobile-radius-pill: 999px;
  --mobile-space-1: 4px;
  --mobile-space-2: 8px;
  --mobile-space-3: 12px;
  --mobile-space-4: 16px;
  --mobile-space-5: 20px;
  --mobile-space-6: 24px;
  --mobile-space-8: 32px;
  --mobile-space-10: 40px;
  --mobile-space-12: 48px;
  --mobile-nav-height: 56px;
  --mobile-tabbar-height: 56px;
  --mobile-nav-total-height: calc(var(--mobile-nav-height) + env(safe-area-inset-bottom, 0px));
  --mobile-tabbar-total-height: calc(var(--mobile-tabbar-height) + env(safe-area-inset-bottom, 0px));
  --mobile-overlay-backdrop: rgba(15, 23, 42, 0.45);
  --background: 42 31% 94%;
  --foreground: 222 45% 20%;
  --card: 42 32% 98%;
  --card-foreground: 222 45% 20%;
  --popover: 42 32% 98%;
  --popover-foreground: 222 45% 20%;
  --primary: 222 45% 20%;
  --primary-foreground: 42 31% 94%;
  --secondary: 42 29% 87%;
  --secondary-foreground: 222 45% 20%;
  --muted: 42 29% 87%;
  --muted-foreground: 222 25% 35%;
  --accent: 280 17% 27%;
  --accent-foreground: 42 31% 94%;
  --danger: var(--hl-risk);
  --destructive: var(--danger);
  --destructive-foreground: 42 31% 94%;
  --border: 40 14% 84%;
  --input: 40 14% 84%;
  --ring: 222 45% 20%;
  --radius: 0.5rem;
  --cohort-tide: 210 70% 62%;
  --cohort-abyss: 220 50% 6%;
  --cohort-abyss-deep: 222 55% 3%;
  --cohort-ink: 210 25% 90%;
  --cohort-ink-soft: 210 15% 70%;
  --cohort-surface: 220 48% 9%;
  --primary-indigo: 29, 78, 216;
  --primary-turquoise: 20, 184, 166;
  --secondary-green: 16, 185, 129;
  --secondary-beige: 233, 213, 197;
  --tsnote-brand-primary: 221 83% 48%;
  --tsnote-brand-primary-hover: 221 83% 53%;
  --tsnote-brand-secondary: 175 84% 32%;
  --insight-emerald: 38 52% 36%;
  --insight-lime: 140 38% 32%;
  --insight-teal: 278 30% 34%;
  --insight-sky: 183 48% 33%;
  --insight-indigo: 222 45% 36%;
  --status-todo: 25 95% 53%;
  --status-doing: 0 84% 60%;
  --status-done: 142 76% 36%;
  --status-captured: 217 33% 17%;
  --zengo-paper: #f5f2e9;
  --zengo-ink: #1a1c1d;
  --zengo-seal: #a64a4a;
  --planner-block: color-mix(in oklab, hsl(var(--secondary)) 45%, hsl(var(--card)));
  --planner-block-now: color-mix(in oklab, hsl(var(--primary)) 7%, hsl(var(--secondary)));
}
@media (prefers-color-scheme: dark) {
:root {
  --mobile-color-background: #09080f;
  --mobile-color-surface: rgba(255, 255, 255, 0.06);
  --mobile-color-surface-low: #120f1e;
  --mobile-color-surface-medium: #1c1929;
  --mobile-color-surface-high: #252132;
  --mobile-color-surface-bright: #302c42;
  --mobile-color-border: rgba(200, 190, 255, 0.09);
  --mobile-color-primary: #8b5cf6;
  --mobile-color-primary-soft: rgba(139, 92, 246, 0.12);
  --mobile-color-primary-border: rgba(139, 92, 246, 0.25);
  --mobile-color-primary-glow: rgba(139, 92, 246, 0.45);
  --mobile-color-secondary: #f59e0b;
  --mobile-color-success: #34d399;
  --mobile-color-warning: #fbbf24;
  --mobile-color-danger: #f87171;
  --mobile-color-text-primary: #f4f4f5;
  --mobile-color-text-secondary: #a1a1aa;
  --mobile-color-text-tertiary: #71717a;
  --mobile-color-text-inverse: #ffffff;
  --mobile-color-glass: rgba(48, 44, 66, 0.65);
  --background: 240 8% 7%;
  --foreground: 40 18% 90%;
  --card: 240 8% 10%;
  --card-foreground: 40 18% 90%;
  --popover: 240 7% 14%;
  --popover-foreground: 40 18% 90%;
  --primary: 220 60% 70%;
  --primary-foreground: 240 8% 7%;
  --secondary: 240 7% 14%;
  --secondary-foreground: 40 18% 90%;
  --muted: 240 7% 14%;
  --muted-foreground: 40 10% 65%;
  --accent: 280 22% 55%;
  --accent-foreground: 40 18% 90%;
  --danger: var(--hl-risk);
  --destructive: var(--danger);
  --destructive-foreground: 226 55% 12%;
  --border: 240 5% 18%;
  --input: 240 5% 18%;
  --ring: 220 60% 70%;
  --pine-fg: 142 29% 61%;
  --plum-fg: 279 30% 70%;
  --foil-gold: 42 51% 57%;
  --foil-gold-soft: 43 61% 69%;
  --seal-pearl: 36 22% 76%;
  --seal-shadow: 30 16% 60%;
  --hl-risk: 351 95% 71%;
  --hl-opp: 158 64% 52%;
  --hl-fact: 212 96% 78%;
  --hl-pred: 252 95% 85%;
  --hl-insight: 46 97% 65%;
  --hl-gem: var(--foil-gold);
  --border-hard: rgba(255, 255, 255, 0.14);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 10px -4px rgba(0, 0, 0, 0.55),
                    0 0 0 1px hsl(var(--border));
  --primary-indigo: 59, 130, 246;
  --primary-turquoise: 45, 212, 191;
  --secondary-green: 16, 185, 129;
  --secondary-beige: 233, 213, 197;
  --tsnote-brand-primary: 217 91% 60%;
  --tsnote-brand-primary-hover: 213 94% 68%;
  --tsnote-brand-secondary: 175 70% 41%;
  --insight-emerald: 38 50% 44%;
  --insight-lime: 140 38% 40%;
  --insight-teal: 278 32% 46%;
  --insight-sky: 183 45% 40%;
  --insight-indigo: 222 48% 46%;
  --status-todo: 25 95% 53%;
  --status-doing: 0 84% 60%;
  --status-done: 142 76% 36%;
  --status-captured: 217 33% 17%;
  --status-todo-text: 25 95% 40%;
  --status-doing-text: 0 84% 45%;
  --status-done-text: 142 76% 28%;
  --zengo-paper: #1a1d22;
  --zengo-ink: #eef1f5;
  --zengo-seal: #c76a6a;
  --planner-block: hsl(var(--secondary));
  --planner-block-now: color-mix(in oklab, hsl(var(--primary)) 10%, hsl(var(--secondary)));
}
}