/* Material Design 3 Design Tokens — Shared Structure */
:root {
  /* Typography */
  --md-sys-typescale-display-large: 400 3.5625rem/1.12 'Roboto', system-ui, sans-serif;
  --md-sys-typescale-display-medium: 400 2.8125rem/1.16 'Roboto', system-ui, sans-serif;
  --md-sys-typescale-headline-large: 400 2rem/1.25 'Roboto', system-ui, sans-serif;
  --md-sys-typescale-headline-medium: 400 1.75rem/1.29 'Roboto', system-ui, sans-serif;
  --md-sys-typescale-title-large: 400 1.375rem/1.27 'Roboto', system-ui, sans-serif;
  --md-sys-typescale-title-medium: 500 1rem/1.5 'Roboto', system-ui, sans-serif;
  --md-sys-typescale-body-large: 400 1rem/1.5 'Roboto', system-ui, sans-serif;
  --md-sys-typescale-body-medium: 400 0.875rem/1.43 'Roboto', system-ui, sans-serif;
  --md-sys-typescale-body-small: 400 0.75rem/1.33 'Roboto', system-ui, sans-serif;
  --md-sys-typescale-label-large: 500 0.875rem/1.43 'Roboto', system-ui, sans-serif;
  --md-sys-typescale-label-medium: 500 0.75rem/1.33 'Roboto', system-ui, sans-serif;

  /* Spacing */
  --md-sys-spacing-xs: 4px;
  --md-sys-spacing-sm: 8px;
  --md-sys-spacing-md: 16px;
  --md-sys-spacing-lg: 24px;
  --md-sys-spacing-xl: 32px;

  /* Shape */
  --md-sys-shape-sm: 8px;
  --md-sys-shape-md: 12px;
  --md-sys-shape-lg: 16px;
  --md-sys-shape-xl: 28px;

  /* Elevation (shadow) */
  --md-sys-elevation-1: 0 1px 3px 1px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.3);
  --md-sys-elevation-2: 0 2px 6px 2px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.3);
  --md-sys-elevation-3: 0 4px 8px 3px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.3);

  /* Motion */
  --md-sys-motion-duration-short: 200ms;
  --md-sys-motion-duration-medium: 400ms;
  --md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);

  /* Program colors — consistent across themes */
  --color-mercury: #64B5F6;
  --color-gemini: #42A5F5;
  --color-apollo: #FFB300;
  --color-sts: #B0BEC5;
  --color-dragon: #1565C0;
  --color-new-shepard: #00897B;
  --color-starliner: #4DD0E1;
  --color-vostok: #EF5350;
  --color-voskhod: #C62828;
  --color-soyuz: #FF7043;
  --color-skylab: #8D6E63;
  --color-salyut: #EF9A9A;
  --color-iss: #ECEFF1;
  --color-mir: #F48FB1;
  --color-shenzhou: #FFC107;
  --color-tiangong: #FF8F00;
  --color-spaceship-one: #66BB6A;
  --color-x15: #9E9E9E;
}