:root {
  /* base (light) palette — overridden by themes.css */
  --color-bg: #f2f2f7;
  --color-surface: #ffffff;
  --color-surface-alt: #f7f7fa;
  --color-text: #1c1c1e;
  --color-text-secondary: #8e8e93;
  --color-border: #e5e5ea;
  --color-accent: #007aff;
  --color-income: #34c759;
  --color-expense: #ff3b30;
  --color-warning: #ff9500;
  --color-danger: #ff3b30;
  --color-fab-text: #ffffff;
  --color-overlay: rgba(0, 0, 0, 0.4);

  /* spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;

  /* radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* type */
  --font-family: -apple-system, BlinkMacSystemFont, "PingFang TC", "Helvetica Neue", "Segoe UI", sans-serif;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 28px;
  --font-size-2xl: 34px;

  /* layout */
  --app-max-width: 500px;
  --tab-bar-height: 64px;
  --fab-size: 56px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);

  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-fab: 0 6px 16px rgba(0, 122, 255, 0.35);

  --transition-fast: 0.15s ease;
}