/**
 * Units Evolve — design tokens
 * Enqueued before unit-style.css; reference with var(--token-name).
 */
:root {
  /* Typography */
  --font-menu: "Stack Sans Headline", sans-serif;
  --font-body: "Stack Sans Headline", sans-serif;
  --font-hero: "Alex Brush", cursive;

  /* Brand / interactive */
  --color-normal: #c3d7da;
  --color-hover: #ffffff;
  --color-active: #ffffff;
  --color-background: #014759;
  --color-background-alt: #C3D7DA;

  /* Neutrals */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-text: #111827;
  --color-text-dark: #111111;
  --color-text-heading: #1a1a1a;
  --color-text-body: #333333;
  --color-text-secondary: #444444;
  --color-text-tertiary: #555555;
  --color-text-muted: #666666;
  --color-text-subtle: #888888;
  --color-text-faint: #9ca3af;
  --color-text-gray: #6b7280;
  --color-text-card: #222222;

  /* Surfaces */
  --color-surface: #ffffff;
  --color-surface-alt: #f9f9f9;
  --color-surface-muted: #f0f0f0;
  --color-surface-soft: #f7f7f7;
  --color-surface-warm: #eae3d2;
  --color-surface-cream: #f7f5ef;
  --color-surface-panel: #f9fafb;
  --color-surface-floor: #f3efe6;
  --color-surface-arrow: #eceae6;
  --color-surface-highlight: #f8f9fa;
  --color-surface-hover: #eeeeee;
  --color-surface-badge: #f3f4f6;

  /* Accents */
  --color-accent: #014759;
  --color-accent-gold: #b98b46;
  --color-accent-gold-light: #bd9773;
  --color-gradient-gold-start: hsl(36 50% 60%);
  --color-gradient-gold-end: hsl(36 35% 45%);
  --color-dark: #221f1a;
  --color-brown: #1f1b16;
  --color-brown-muted: #3b332a;
  --color-badge-muted: #9a9590;
  --color-arrow-muted: #6b6b6b;

  /* Borders */
  --color-border: #dddddd;
  --color-border-mid: #cccccc;
  --color-border-light: #f0f0f0;
  --color-border-warm: #e5dfd2;
  --color-border-muted: #e5e7eb;
  --color-border-cream: #efe9dc;
  --color-border-neutral: #e5e5e5;
  --color-border-floor: #e8e4dc;
  --color-border-floor-hover: #d4cfc4;
  --color-border-warm-hover: #d4cbb8;
  --color-border-bbb: #bbbbbb;
  --color-border-divider: #eaeaea;
  --color-border-cream-alt: #e9e3d2;

  /* SVG / map */
  --color-svg-overlay: rgb(91, 189, 178);
  --color-svg-path: #3b82f6;
  --color-svg-path-fill: rgba(59, 130, 246, 0.22);
  --color-svg-path-fill-hover: rgba(59, 130, 246, 0.65);
  --color-svg-path-glow: rgba(59, 130, 246, 0.5);
  --color-svg-sold: #94a3b8;
  --color-svg-sold-fill: rgba(148, 163, 184, 0.35);
  --color-svg-sold-gold: #b28a494a;
  --color-svg-label-shadow: rgba(0, 0, 0, 0.45);

  /* Focus / form */
  --color-focus-ring: rgba(76, 155, 138, 0.14);
  --color-focus-border: rgba(76, 155, 138, 0.65);
  --color-border-alpha: rgba(17, 24, 39, 0.12);
  --color-text-alpha: rgba(17, 24, 39, 0.65);
  --color-shadow-alpha: rgba(17, 24, 39, 0.08);

  /* Overlays & glass */
  --color-overlay-dark: rgba(0, 0, 0, 0.7);
  --color-overlay-light: rgba(255, 255, 255, 0.72);
  --color-glass-bg: rgb(195 215 218 / 20%);
  --color-glass-border: rgba(255, 255, 255, 0.08);
  --color-glass-border-hover: rgba(255, 255, 255, 0.2);
  --color-glass-bg-hover: rgba(255, 255, 255, 0.18);
  --color-shadow-sm: rgba(0, 0, 0, 0.04);
  --color-shadow-md: rgba(0, 0, 0, 0.06);
  --color-shadow-lg: rgba(0, 0, 0, 0.1);
  --color-shadow-xl: rgba(0, 0, 0, 0.12);
  --color-shadow-tooltip: rgba(0, 0, 0, 0.2);
  --color-shadow-back: rgba(0, 0, 0, 0.18);
  --color-shadow-card: rgba(0, 0, 0, 0.05);
  --color-tooltip-arrow: #ffffff75;

  /* Archive cards / filmstrip */
  --filmstrip-svg: url("/wp-content/uploads/2026/07/cinema.svg");
  --color-filmstrip-bg: #012d38;
  --color-card-glass: rgba(255, 255, 255, 0.12);
  --color-badge-reserved: #b48a64;
  --color-badge-sold: #4e8282;

  /* Layout */
  --container-max-width: 1680px;
  --container-padding-x: 20px;
}