/* Tobano 1.0.0 | scoped brand variables | 2026-10-23 */
:root, .tobano-theme {
  --tb-brand-950: #0C2924;
  --tb-brand-900: #123E37;
  --tb-brand-800: #1D5546;
  --tb-brand-700: #236F58;
  --tb-brand-100: #E2F8EE;
  --tb-brand-50: #F0F8F3;
  --tb-accent-400: #FFC58C;
  --tb-accent-50: #FFF0DE;
  --tb-color-canvas: #F4F7F3;
  --tb-color-surface: #FFFFFF;
  --tb-color-surface-subtle: #F8FAF7;
  --tb-color-text: #203B33;
  --tb-color-text-secondary: #536A60;
  --tb-color-text-muted: #607367;
  --tb-color-text-inverse: #F0FFF7;
  --tb-color-border: #D9E2D9;
  --tb-color-border-control: #7C8D82;
  --tb-color-focus: #236F58;
  --tb-color-primary: #236F58;
  --tb-color-primary-hover: #1D5546;
  --tb-color-primary-pressed: #123E37;
  --tb-color-on-primary: #FFFFFF;
  --tb-color-selected: #E8F3EC;
  --tb-color-selected-text: #123E37;
  --tb-color-accent-text: #624323;
  --tb-color-success: #226746;
  --tb-color-success-bg: #E7F4EB;
  --tb-color-warning: #8A571F;
  --tb-color-warning-bg: #FFF1DB;
  --tb-color-danger: #A43E39;
  --tb-color-danger-bg: #FCECE9;
  --tb-color-info: #315F91;
  --tb-color-info-bg: #EAF1F8;
  --tb-color-disabled: #6E7C73;
  --tb-color-disabled-bg: #E9EEE8;
  --tb-color-sidebar-text: #C4DDCF;
  --tb-color-sidebar-active: #245B4C;
  --tb-color-channel-whatsapp: #25D366;
  --tb-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  --tb-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --tb-font-xs: 12px;
  --tb-font-sm: 13px;
  --tb-font-md: 14px;
  --tb-font-lg: 16px;
  --tb-font-xl: 20px;
  --tb-font-2xl: 24px;
  --tb-line-body: 1.6;
  --tb-line-heading: 1.3;
  --tb-space-4: 4px;
  --tb-space-8: 8px;
  --tb-space-12: 12px;
  --tb-space-16: 16px;
  --tb-space-20: 20px;
  --tb-space-24: 24px;
  --tb-space-32: 32px;
  --tb-space-40: 40px;
  --tb-space-48: 48px;
  --tb-radius-sm: 6px;
  --tb-radius-control: 8px;
  --tb-radius-card: 12px;
  --tb-radius-dialog: 16px;
  --tb-control-height: 40px;
  --tb-control-compact: 36px;
  --tb-control-touch: 44px;
  --tb-sidebar-width: 200px;
  --tb-header-height: 72px;
  --tb-list-width: 288px;
  --tb-rail-width: 312px;
  --tb-table-row: 48px;
  --tb-shadow-panel: 0 4px 18px rgba(18, 62, 55, 0.045);
  --tb-shadow-dialog: 0 16px 48px rgba(18, 62, 55, 0.14);
  --tb-motion-fast: 120ms;
  --tb-motion-base: 180ms;
  --tb-z-sticky: 10;
  --tb-z-overlay: 30;
  --tb-z-dialog: 50;
}
@media (prefers-reduced-motion: reduce) { .tobano-theme { --tb-motion-fast: 0ms; --tb-motion-base: 0ms; } }