/* Generated from tokens.json — edit source, then run python3 tools/build.py. */
:root {
  --b27-p-paper: #EDE9DE;
  --b27-p-stone: #C9C2B2;
  --b27-p-forest: #0C5D42;
  --b27-p-terracotta: #B75234;
  --b27-p-honey: #EDA554;
  --b27-p-deep-green: #123929;
  --b27-p-white: #FFFFFF;
  --b27-p-canvas: #FAF9F4;
  --b27-p-ink: #203C30;
  --b27-p-muted: #62695F;
  --b27-p-soft: #E2E7DD;
  --b27-p-line: #D4D5C9;
  --b27-p-control-line: #7C8578;
  --b27-p-danger: #A63131;
  --b27-p-danger-soft: #FBE9E6;
  --b27-p-warning: #80500D;
  --b27-p-warning-soft: #F9EDD7;
  --b27-p-info: #245A75;
  --b27-p-info-soft: #E3EFF3;
  --b27-p-dark-canvas: #0F241B;
  --b27-p-dark-surface: #18382A;
  --b27-p-dark-raised: #244A37;
  --b27-p-dark-muted: #BEC8B9;
  --b27-p-dark-line: #466451;
  --b27-p-dark-control-line: #839A88;
  --b27-p-dark-danger: #FFC0B5;
  --b27-p-dark-warning: #F3C785;
  --b27-p-dark-info: #AFD5EB;
  --b27-space-1: 4px;
  --b27-space-2: 8px;
  --b27-space-3: 12px;
  --b27-space-4: 16px;
  --b27-space-5: 20px;
  --b27-space-6: 24px;
  --b27-space-8: 32px;
  --b27-space-10: 40px;
  --b27-space-12: 48px;
  --b27-space-16: 64px;
  --b27-radius-xs: 6px;
  --b27-radius-control: 12px;
  --b27-radius-card: 20px;
  --b27-radius-sheet: 24px;
  --b27-radius-pill: 999px;
  --b27-tap-min: 44px;
  --b27-control-height: 48px;
  --b27-icon-sm: 16px;
  --b27-icon-md: 20px;
  --b27-icon-lg: 24px;
  --b27-icon-chip: 40px;
  --b27-gutter: 20px;
  --b27-content-max: 1200px;
  --b27-prose-max: 66ch;
  --b27-border-width: 1px;
  --b27-focus-width: 3px;
  --b27-focus-offset: 3px;
  --b27-duration-fast: 140ms;
  --b27-duration-base: 220ms;
  --b27-duration-slow: 320ms;
  --b27-ease-out: cubic-bezier(.2,.8,.2,1);
  --b27-shadow-float: 0 12px 32px #12392918;
  --b27-shadow-modal: 0 24px 80px #0F241B35;
  --b27-z-nav: 40;
  --b27-z-sheet: 60;
  --b27-z-modal: 70;
  --b27-z-toast: 80;
  --b27-glass-blur: 12px;
  --b27-font-thai: Thonburi, Tahoma, sans-serif;
  --b27-font-latin: "Bread LINE", Thonburi, Tahoma, sans-serif;
  --b27-font-mono: ui-monospace, Menlo, monospace;
  --b27-text-display: 48px;
  --b27-text-h1: 32px;
  --b27-text-h2: 24px;
  --b27-text-h3: 20px;
  --b27-text-body: 16px;
  --b27-text-caption: 13px;
  --b27-text-overline: 12px;
  --b27-line-thai: 1.65;
  --b27-line-display: 1.35;
  --b27-line-latin: 1.4;
  --b27-weight-regular: 400;
  --b27-weight-medium: 500;
  --b27-weight-bold: 700;
}
:root, [data-b27-theme="light"] {
  color-scheme: light;
  --b27-bg: var(--b27-p-paper);
  --b27-surface: var(--b27-p-canvas);
  --b27-raised: var(--b27-p-white);
  --b27-soft: var(--b27-p-soft);
  --b27-text: var(--b27-p-ink);
  --b27-muted: var(--b27-p-muted);
  --b27-border: var(--b27-p-line);
  --b27-border-control: var(--b27-p-control-line);
  --b27-action: var(--b27-p-terracotta);
  --b27-on-action: var(--b27-p-white);
  --b27-action-hover: var(--b27-p-deep-green);
  --b27-action-pressed: var(--b27-p-deep-green);
  --b27-secondary: var(--b27-p-soft);
  --b27-on-secondary: var(--b27-p-deep-green);
  --b27-link: var(--b27-p-forest);
  --b27-focus: var(--b27-p-deep-green);
  --b27-hero: var(--b27-p-forest);
  --b27-on-hero: var(--b27-p-paper);
  --b27-nav-active: var(--b27-p-deep-green);
  --b27-on-nav-active: var(--b27-p-paper);
  --b27-success: var(--b27-p-forest);
  --b27-success-bg: var(--b27-p-soft);
  --b27-warning: var(--b27-p-warning);
  --b27-warning-bg: var(--b27-p-warning-soft);
  --b27-danger: var(--b27-p-danger);
  --b27-danger-bg: var(--b27-p-danger-soft);
  --b27-info: var(--b27-p-info);
  --b27-info-bg: var(--b27-p-info-soft);
  --b27-chart-actual: var(--b27-p-forest);
  --b27-chart-plan: var(--b27-p-terracotta);
  --b27-chart-projected: var(--b27-p-info);
  --b27-chart-grid: var(--b27-p-line);
  --b27-on-photo: var(--b27-p-white);
  --b27-overlay: #102B2280;
  --b27-on-danger: var(--b27-p-white);
  --b27-glass-tint: #FAF9F4EB;
}
[data-b27-theme="dark"] {
  color-scheme: dark;
  --b27-bg: var(--b27-p-dark-canvas);
  --b27-surface: var(--b27-p-dark-surface);
  --b27-raised: var(--b27-p-dark-raised);
  --b27-soft: var(--b27-p-dark-raised);
  --b27-text: var(--b27-p-paper);
  --b27-muted: var(--b27-p-dark-muted);
  --b27-border: var(--b27-p-dark-line);
  --b27-border-control: var(--b27-p-dark-control-line);
  --b27-action: var(--b27-p-honey);
  --b27-on-action: var(--b27-p-deep-green);
  --b27-action-hover: var(--b27-p-paper);
  --b27-action-pressed: var(--b27-p-stone);
  --b27-secondary: var(--b27-p-dark-raised);
  --b27-on-secondary: var(--b27-p-paper);
  --b27-link: var(--b27-p-honey);
  --b27-focus: var(--b27-p-honey);
  --b27-hero: var(--b27-p-deep-green);
  --b27-on-hero: var(--b27-p-paper);
  --b27-nav-active: var(--b27-p-paper);
  --b27-on-nav-active: var(--b27-p-deep-green);
  --b27-success: #B7D9BD;
  --b27-success-bg: var(--b27-p-dark-raised);
  --b27-warning: var(--b27-p-dark-warning);
  --b27-warning-bg: #43371E;
  --b27-danger: var(--b27-p-dark-danger);
  --b27-danger-bg: #4A2825;
  --b27-info: var(--b27-p-dark-info);
  --b27-info-bg: #233E4C;
  --b27-chart-actual: #B7D9BD;
  --b27-chart-plan: var(--b27-p-honey);
  --b27-chart-projected: var(--b27-p-dark-info);
  --b27-chart-grid: var(--b27-p-dark-line);
  --b27-on-photo: var(--b27-p-white);
  --b27-overlay: #07160DC0;
  --b27-on-danger: var(--b27-p-deep-green);
  --b27-glass-tint: #18382AEB;
}
@media (prefers-reduced-motion: reduce) {
  :root { --b27-duration-fast: 0ms; --b27-duration-base: 0ms; --b27-duration-slow: 0ms; }
}