/* Oytel foundation: static token fallbacks.
   The renderer injects a per-request <style id="oytel-theme-tokens"> block
   with resolved ResolvedTheme.v1 values (color, spacing, radius, shadow).
   This file only provides:
     1) safety-net defaults if that block is ever missing;
     2) a small set of structural tokens the theme runtime does not emit yet. */

:root {
  /* Brand palette */
  --oytel-color-brand-primary: #0a4f46;
  --oytel-color-brand-accent: #1fa69c;
  --oytel-color-brand-secondary: #64748b;

  /* Surfaces */
  --oytel-color-surface-canvas: #ffffff;
  --oytel-color-surface-card: #ffffff;
  --oytel-color-surface-muted: #f6f7f8;
  --oytel-color-surface-hero: #e8f1f0;

  /* Text */
  --oytel-color-text-primary: #0d1b1e;
  --oytel-color-text-secondary: #53636a;
  --oytel-color-text-inverse: #ffffff;
  --oytel-color-text-muted: #748189;

  /* Semantic status */
  --oytel-color-price-good: #1b7f46;
  --oytel-color-price-warning: #b25e09;
  --oytel-color-status-degraded: #9d5a04;
  --oytel-color-status-unavailable: #6b7a7f;

  /* Transport */
  --oytel-color-transport-flight: #3b82f6;
  --oytel-color-transport-train: #10b981;
  --oytel-color-transport-bus: #f59e0b;
  --oytel-color-transport-ferry: #06b6d4;

  /* Spacing scale (4px base) */
  --oytel-spacing-2xs: 0.25rem;
  --oytel-spacing-xs: 0.5rem;
  --oytel-spacing-sm: 0.75rem;
  --oytel-spacing-md: 1rem;
  --oytel-spacing-lg: 1.5rem;
  --oytel-spacing-xl: 2.5rem;
  --oytel-spacing-2xl: 4rem;

  /* Radius */
  --oytel-radius-sm: 0.375rem;
  --oytel-radius-control: 0.625rem;
  --oytel-radius-card: 0.875rem;
  --oytel-radius-button: 0.625rem;
  --oytel-radius-pill: 9999px;

  /* Shadows */
  --oytel-shadow-card: 0 1px 2px rgba(7, 31, 38, 0.06), 0 4px 12px rgba(7, 31, 38, 0.08);
  --oytel-shadow-card-hover: 0 4px 8px rgba(7, 31, 38, 0.08), 0 12px 28px rgba(7, 31, 38, 0.12);
  --oytel-shadow-hero: 0 24px 60px rgba(7, 31, 38, 0.18);
  --oytel-shadow-sticky: 0 -2px 16px rgba(7, 31, 38, 0.1);

  /* Border and focus */
  --oytel-color-border-default: rgba(13, 27, 30, 0.12);
  --oytel-color-border-muted: rgba(13, 27, 30, 0.06);
  --oytel-color-shell-dark: #071f26;
  --oytel-color-focus-ring: #1fa69c;

  /* Motion */
  --oytel-motion-duration-fast: 150ms;
  --oytel-motion-duration-medium: 250ms;
  --oytel-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);

  /* Elevation */
  --oytel-z-header: 40;
  --oytel-z-sticky-action: 45;
  --oytel-z-overlay: 60;
  --oytel-z-toast: 70;

  /* Layout */
  --oytel-container-max: 1200px;
  --oytel-container-padding: 1.25rem;
  --oytel-header-height: 64px;

  /* v2 legacy token bridge (deprecated; migrate to color-* tokens) */
  --oytel-ink: #082a30;
  --oytel-canvas: #f7faf9;
  --oytel-surface: #ffffff;
  --oytel-primary: #0b817a;
  --oytel-primary-hover: #096d67;
  --oytel-text: #102a30;
  --oytel-muted: #607177;
  --oytel-border: rgba(16, 42, 48, 0.14);
  --oytel-soft: #eaf7f4;

  --oytel-radius-panel: 20px;
  --oytel-radius-card: 16px;
  --oytel-radius-control: 12px;

  --oytel-shadow-panel:
    0 22px 50px rgba(8, 42, 48, 0.12);

  --oytel-container: 1180px;
  --oytel-section-space: clamp(56px, 7vw, 96px);
  --oytel-font-interface: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-reduced-motion="true"] {
  --oytel-motion-duration-fast: 0.01ms;
  --oytel-motion-duration-medium: 0.01ms;
}