/* Thor — Design Tokens (espelhados do app SwiftUI) */
:root {
  /* Surfaces */
  --bg: #F7F9FC;
  --surface: #FFFFFF;
  --border-light: #E5EAF0;

  /* Text */
  --text-primary: #101828;
  --text-secondary: #667085;
  --text-muted: #98A2B3;

  /* Brand — Azul Thor */
  --blue: #007AFF;
  --blue-soft: #EAF3FF;
  --blue-light: #5AC8FA;
  --blue-deep: #005FCC;

  /* Semantic */
  --positive: #12B76A;
  --warning: #F79009;
  --negative: #F04438;
  --info: #007AFF;

  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", Roboto, sans-serif;

  --fs-large-title: 32px;
  --lh-large-title: 38px;
  --fs-display: 56px;     /* hero exclusivo da landing */
  --lh-display: 60px;
  --fs-section: 20px;
  --lh-section: 26px;
  --fs-body: 15px;
  --lh-body: 21px;
  --fs-caption: 13px;
  --lh-caption: 18px;
  --fs-micro: 11px;
  --lh-micro: 14px;

  /* Spacing — múltiplos de 4 */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-xxl: 28px;
  --space-3xl: 48px;
  --space-4xl: 80px;
  --space-5xl: 120px;

  /* Radius */
  --radius-small: 12px;
  --radius-medium: 16px;
  --radius-large: 24px;
  --radius-xlarge: 28px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.04);
  --shadow-elevated: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-blue: 0 8px 24px rgba(0, 122, 255, 0.22);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-base: 240ms;
  --dur-slow: 480ms;

  /* Layout */
  --max-width: 1200px;
  --gutter: 24px;
}