/* Approved shared foundations. Legacy aliases remain unchanged until their owners migrate. */

:root {
  --dice-ds-yellow: #ffca05;
  --dice-ds-page: #fff;
  --dice-ds-surface: #fff;
  --dice-ds-raised: #f4f4f2;
  --dice-ds-strong: #111;
  --dice-ds-body: #444;
  --dice-ds-muted: #636363;
  --dice-ds-border: #dededa;
  --dice-ds-focus: #575000;
  --dice-ds-urgent: #d71a20;
  --dice-ds-on-urgent: #fff;
  --dice-ds-action: #111;
  --dice-ds-on-action: #fff;
  --dice-ds-action-border: #111;
  --dice-ds-on-yellow: #111;
  --dice-ds-radius-control: 4px;
  --dice-ds-radius-card: 8px;
  --dice-ds-radius-image: 4px;
  --dice-ds-radius-badge: 2px;
  --dice-ds-space-1: 4px;
  --dice-ds-space-2: 8px;
  --dice-ds-space-3: 12px;
  --dice-ds-space-4: 16px;
  --dice-ds-space-5: 20px;
  --dice-ds-space-6: 24px;
  --dice-ds-space-8: 32px;
  --dice-ds-space-10: 40px;
  --dice-ds-space-12: 48px;
  --dice-ds-space-16: 64px;
  --dice-ds-space-20: 80px;
  --dice-ds-type-page: 2.125rem;
  --dice-ds-type-section: 1.75rem;
  --dice-ds-type-panel: 1.375rem;
  --dice-ds-type-card: 1.25rem;
  --dice-ds-type-body: 1rem;
  --dice-ds-type-small: .875rem;
  --dice-ds-type-label: .75rem;
  --dice-ds-control: 44px;
  --dice-ds-progress-height: 6px;
  --dice-ds-track-radius: 3px;
  --dice-ds-range-thumb: 22px;
  --dice-ds-icon: 18px;
  --dice-ds-icon-small: 14px;
  --dice-ds-duration: 140ms;
  --dice-ds-image-duration: 220ms;
  --dice-ds-image-scale: 1.025;
  --dice-ds-ease: cubic-bezier(.2, .7, .3, 1);
  --dice-font-body: -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;
  --dice-font-display: 'Roboto Condensed', 'Arial Narrow', sans-serif;
  --dice-ds-heading-tracking: -.01em;
  --dice-ds-heading-leading: 1.12;
  --dice-ds-action-tracking: .03em;
  --dice-ds-label-tracking: .08em;
}

.dice-design-lobby,
.dice-design-playroom,
#dice-arcade-lobby {
  --dice-ds-page: #101110;
  --dice-ds-surface: #181918;
  --dice-ds-raised: #222322;
  --dice-ds-strong: #f5f5f2;
  --dice-ds-body: #d0d0ca;
  --dice-ds-muted: #a7a9a2;
  --dice-ds-border: #373a35;
  --dice-ds-focus: #ffca05;
  --dice-ds-action-border: #686a63;
}

@media (min-width: 900px) {
  :root {
    --dice-ds-type-page: 3rem;
    --dice-ds-type-section: 2rem;
    --dice-ds-type-panel: 1.5rem;
    --dice-ds-type-card: 1.375rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dice-ds-duration: 0ms;
    --dice-ds-image-duration: 0ms;
  }
}