:root {
  /* Palette — inspired by the sunset/ocean mood of the moodboard */
  --wall-1: #1b1030;
  --wall-2: #4a1942;
  --wall-3: #a92845;
  --wall-4: #e0632f;
  --wall-5: #f2a154;

  --glass-bg: rgba(28, 24, 38, 0.55);
  --glass-border: rgba(255, 255, 255, 0.14);
  --glass-blur: 26px;

  --ink: #f5f3f7;
  --ink-dim: rgba(245, 243, 247, 0.68);
  --ink-faint: rgba(245, 243, 247, 0.4);

  --accent: #ffd60a;
  --accent-ink: #201700;

  --window-bg: #efeef2;
  --window-ink: #17151a;
  --window-radius: 14px;

  --traffic-red: #ff5f57;
  --traffic-yellow: #ffbd2e;
  --traffic-green: #28c840;

  /* OS-style icon sizes — never exceed these, whatever the source media is */
  --icon-size-desktop: 60px;
  --icon-size-tablet: 72px;
  --icon-size-mobile: 58px;
  --icon-radius: 22%;

  --ease-os: cubic-bezier(0.22, 0.9, 0.2, 1);
  --ease-out-soft: cubic-bezier(0.16, 1, 0.3, 1);

  --topbar-h: 28px;
  --statusbar-h: 48px;
  --home-indicator-h: 30px;
}