:root {
  --bg-gradient-start: #E6F2FF;
  --bg-gradient-mid: #F5FAFF;
  --bg-gradient-end: #FFFFFF;
  --primary: #A8D0F0;
  --primary-light: #C8E4FA;
  --primary-dark: #7AB8E0;
  --secondary: #FFD6E0;
  --secondary-light: #FFE8EE;
  --accent: #B8E6D0;
  --accent-light: #D4F0E3;
  --text-primary: #4A6B8A;
  --text-secondary: #7A9BB8;
  --text-light: #A8C4D8;
  --card-bg: rgba(255, 255, 255, 0.85);
  --card-bg-solid: #FFFFFF;
  --divider-soft: rgba(168, 208, 240, 0.3);
  --shadow-soft: 0 4px 20px rgba(168, 208, 240, 0.15);
  --shadow-medium: 0 8px 30px rgba(168, 208, 240, 0.2);
  --shadow-float: 0 12px 40px rgba(168, 208, 240, 0.25);
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 999px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 48px;
  --font-xs: 12px;
  --font-sm: 14px;
  --font-md: 16px;
  --font-lg: 18px;
  --font-xl: 22px;
  --font-xxl: 28px;
  --font-display: 36px;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --tab-height: 60px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);
  --note-blue: #B8E0FF;
  --note-pink: #FFD6E0;
  --note-green: #C8F0D8;
  --note-yellow: #FFF0B8;
  --note-purple: #E0D0FF;
  --note-orange: #FFE0C0;
  --mood-great: #FFD93D;
  --mood-good: #6BCB77;
  --mood-ok: #4D96FF;
  --mood-bad: #FF6B6B;
  --mood-terrible: #9B59B6;
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
}