:root {
  --color-brand-600: #198754;
  --color-brand-700: #17784A;
  --color-brand-800: #146C43;
  --color-brand-50: #EAF6EE;
  --color-bg: #FFFFFF;
  --color-page-bg: #F2F7F3;
  --color-bg-sub: #F7F9F8;
  --color-surface: #FFFFFF;
  --color-text: #1F2421;
  --color-text-muted: #4B5563;
  --color-border: #D5DBD8;
  --color-focus: #1D4ED8;
  --color-card-notice: #FFF1F1;
  --color-card-trash: #EFF8F1;
  --color-card-event: #EEF6FF;
  --color-icon-notice: #C62828;
  --color-icon-trash: #146C43;
  --color-icon-event: #0F6CBD;
  --color-danger: #B3261E;
  --color-orange: #B45309;
  --color-trash-funen: #6B4F3A;
  --color-trash-plastic: #6D3FA0;
  --color-trash-paper: #8A6D00;
  --color-trash-battery: #374151;
  --color-trash-branch: #2E7D32;
  --color-tint-brown: #F7F1EC;
  --color-tint-purple: #F5EFFB;
  --color-tint-yellow: #FFF9E6;
  --color-tint-orange: #FFF4E8;
  --font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", "Meiryo", system-ui, sans-serif;
  --font-family-title: "Zen Maru Title", "Hiragino Maru Gothic ProN", "HGMaruGothicMPRO", "HG丸ｺﾞｼｯｸM-PRO", "UD Digi Kyokasho NK", "Yu Gothic", "Meiryo", system-ui, sans-serif;
  --fs-page-title: 1.875rem;
  --fs-section-title: 1.375rem;
  --fs-card-title: 1.1875rem;
  --fs-body: 1.0625rem;
  --fs-caption: .9375rem;
  --fs-button: 1.125rem;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --radius-card: 16px;
  --radius-control: 12px;
  --radius-tag: 6px;
  --shadow: 0 1px 2px rgba(0,0,0,.06);
  --icon-inline: 24px;
  --icon-list: 32px;
  --icon-tile: 48px;
  --sidebar-width: 240px;
}