/* Design tokens shared by the menu and every game */

:root {
  /* Palette - bright, friendly, high-contrast for toddlers */
  --color-bg: #fff6e5;
  --color-bg-alt: #e8f7ff;
  --color-text: #3a3a3a;
  --color-primary: #ff8c42;
  --color-primary-dark: #e2701f;
  --color-secondary: #4fc0e8;
  --color-success: #58c96a;
  --color-error: #ff6b6b;
  --color-card-shadow: rgba(0, 0, 0, 0.15);

  --shape-red: #ff5c5c;
  --shape-blue: #4a90e2;
  --shape-yellow: #ffd23f;
  --shape-green: #58c96a;
  --shape-purple: #b478e0;
  --shape-orange: #ff9f43;

  --font-family: -apple-system, "SF Pro Rounded", "Segoe UI", system-ui, sans-serif;

  /* Safe-area aware spacing so nothing sits under the iPhone notch/Dynamic
     Island or home indicator, and iPad rounded corners */
  --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);

  /* Minimum touch target for toddler fingers - bigger than the usual 44px */
  --touch-target-min: 96px;

  --radius-lg: 32px;
  --radius-md: 20px;
  --radius-sm: 12px;
}