:root {
  color-scheme: light;
  --font-display: "SF Pro Display", "Inter", "Avenir Next", sans-serif;
  --font-body: "SF Pro Text", "Inter", "Avenir Next", sans-serif;

  --bg-app: #F2F3F7;
  --bg-app-alt: #EAECF2;
  --bg-owner: #F5F6FA;
  --surface-canvas: #F8F9FB;
  --surface-raised: #FFFFFF;
  --surface-muted: #F0F1F5;
  --surface-soft: #E6E8EE;
  --surface-strong: #FFFFFF;
  --surface-glass: rgba(255, 255, 255, 0.78);

  --text-strong: #1A1D26;
  --text-body: #3D4250;
  --text-soft: #6B7082;
  --text-muted: #9CA1B0;

  --line-soft: rgba(26, 29, 38, 0.08);
  --line-strong: rgba(26, 29, 38, 0.16);

  --accent-primary: #5B6AD0;
  --accent-secondary: #4CAF7D;
  --accent-tertiary: #2D9B83;
  --accent-warm: #E8763A;
  --accent-rose: #D46B8C;

  --accent-primary-subtle: rgba(91, 106, 208, 0.12);
  --accent-primary-faint: rgba(91, 106, 208, 0.08);
  --accent-primary-medium: rgba(91, 106, 208, 0.15);
  --accent-primary-bold: rgba(91, 106, 208, 0.80);
  --accent-secondary-subtle: rgba(76, 175, 125, 0.12);
  --accent-secondary-faint: rgba(76, 175, 125, 0.08);
  --accent-secondary-medium: rgba(76, 175, 125, 0.15);
  --accent-tertiary-faint: rgba(45, 155, 131, 0.05);
  --accent-tertiary-subtle: rgba(45, 155, 131, 0.08);
  --accent-tertiary-medium: rgba(45, 155, 131, 0.10);
  --accent-tertiary-bold: rgba(45, 155, 131, 0.55);
  --accent-warm-subtle: rgba(232, 118, 58, 0.12);
  --accent-warm-border: rgba(232, 118, 58, 0.18);
  --status-danger-subtle: rgba(208, 75, 75, 0.08);
  --status-danger-border: rgba(208, 75, 75, 0.18);

  --status-success: #4CAF7D;
  --status-warning: #E8763A;
  --status-danger: #D04B4B;
  --status-info: #5B6AD0;

  --member-mia: #5B6AD0;
  --member-jonah: #2D9B83;
  --member-leo: #D49B4B;
  --member-ava: #D46B8C;

  --member-mia-bg: rgba(91, 106, 208, 0.15);
  --member-jonah-bg: rgba(45, 155, 131, 0.15);
  --member-leo-bg: rgba(212, 155, 75, 0.15);
  --member-ava-bg: rgba(212, 107, 140, 0.15);

  --shadow-soft: 0 14px 30px rgba(26, 29, 38, 0.06);
  --shadow-card: 0 10px 24px rgba(26, 29, 38, 0.05);
  --shadow-phone: 0 30px 60px rgba(26, 29, 38, 0.14);

  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-xl: 34px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;

  --type-xs: 0.72rem;
  --type-sm: 0.84rem;
  --type-md: 0.96rem;
  --type-lg: 1.08rem;
  --type-xl: 1.32rem;
  --type-hero: 1.9rem;

  --phone-width: 390px;
  --phone-height: 844px;
}

body.theme-dusk {
  color-scheme: dark;
  --bg-app: #111315;
  --bg-app-alt: #181A1E;
  --bg-owner: #0E1012;
  --surface-canvas: #1C1E22;
  --surface-raised: #24262C;
  --surface-muted: #2A2D34;
  --surface-soft: #32363E;
  --surface-strong: #3A3E48;
  --surface-glass: rgba(28, 30, 34, 0.82);

  --text-strong: #F0F1F5;
  --text-body: #D4D6DE;
  --text-soft: #A0A4B2;
  --text-muted: #6E7280;

  --line-soft: rgba(240, 241, 245, 0.08);
  --line-strong: rgba(240, 241, 245, 0.16);

  --shadow-soft: 0 18px 34px rgba(0, 0, 0, 0.28);
  --shadow-card: 0 12px 28px rgba(0, 0, 0, 0.24);
  --shadow-phone: 0 30px 70px rgba(0, 0, 0, 0.34);

  --member-mia-bg: rgba(91, 106, 208, 0.22);
  --member-jonah-bg: rgba(45, 155, 131, 0.22);
  --member-leo-bg: rgba(212, 155, 75, 0.22);
  --member-ava-bg: rgba(212, 107, 140, 0.22);
}