:root {
  --color-yellow-500: #F8D028;
  --color-yellow-400: #F8D838;
  --color-yellow-300: #F8E028;
  --color-yellow-200: #F8F848;

  --color-white: #FFFFFF;

  --color-gray-950: #101010;
  --color-gray-900: #202020;
  --color-gray-800: #303030;
  --color-gray-700: #404040;
  --color-gray-600: #505050;
  --color-gray-500: #606060;
  --color-gray-400: #707070;
  --color-gray-300: #909090;

  --overlay-dark: rgba(16, 16, 16, 0.72);
  --overlay-mid: rgba(16, 16, 16, 0.28);
  --overlay-soft: rgba(255, 255, 255, 0.72);

  --shadow-soft: 0 10px 24px rgba(16, 16, 16, 0.14);
  --shadow-strong: 0 18px 42px rgba(16, 16, 16, 0.24);

  --radius-sm: 0.5rem;
  --radius-md: 0.9rem;
  --radius-lg: 1.25rem;
  --radius-xl: 1.8rem;
}