/*
 * ABN Design Tokens — single source of truth for tokens shared across apps.
 *
 * Loaded by every iframe app (shotlist, calendar, locationmap, and every
 * future app class). Change a value here and it propagates everywhere.
 *
 * App-specific tokens (e.g. event category colors, cast colors) stay in
 * each app's own :root block and may override these if needed.
 *
 * The React portal shell (src/styles/globals.css) mirrors these values.
 * Keep them in lock-step when editing.
 */
:root {
  /* Surfaces */
  --bg: #fafafa;
  --surface: #fff;
  --surface-hover: #f5f5f5;
  --surface-active: #f0f0f0;

  /* Lines */
  --border: #e0e0e0;
  --border-light: #eee;
  --border-strong: #ccc;

  /* Text */
  --text: #111;
  --text-secondary: #666;
  --text-muted: #999;

  /* Accent (primary action color) */
  --accent: #111;

  /* Geometry */
  --radius: 0px;

  /* Typography */
  --font-ui: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-size-body: 13px;
}