/**
 * GEOADA design tokens — Topographic Editorial v3.
 * Loaded before main.css; overrides :root in main.css where duplicated.
 */

:root {
  /* Brand */
  --ga-orange: #f39200;
  --ga-orange-hover: #e08800;
  --ga-orange-soft: rgba(243, 146, 0, 0.12);
  --ga-orange-glow: rgba(243, 146, 0, 0.35);

  /* Surfaces */
  --ga-surface: #ffffff;
  --ga-surface-alt: #f4f4f6;
  --ga-surface-dark: #0a0a0a;
  --ga-surface-elevated: #111111;
  --ga-surface-muted: #1a1a1a;

  /* Typography scale — enlarged for readability */
  --ga-text-xs: 0.8125rem;   /* 13px */
  --ga-text-sm: 1rem;        /* 16px */
  --ga-text-base: 1.125rem;  /* 18px */
  --ga-text-md: 1.3125rem;   /* 21px */
  --ga-text-lg: 1.625rem;    /* 26px */
  --ga-text-xl: clamp(2rem, 4vw, 3rem);
  --ga-text-2xl: clamp(2.5rem, 5.5vw, 4rem);
  --ga-text-display: clamp(3rem, 7.5vw, 5.25rem);
  --ga-text-section: clamp(2.125rem, 4.5vw, 3.375rem);

  /* Spacing rhythm */
  --ga-space-xs: 0.5rem;
  --ga-space-sm: 1rem;
  --ga-space-md: 1.75rem;
  --ga-space-lg: 3rem;
  --ga-space-xl: clamp(4rem, 9vw, 7rem);
  --ga-space-2xl: clamp(5.5rem, 11vw, 9rem);
  --ga-section-pad: var(--ga-space-xl);

  /* Layout */
  --wrap: 1320px;
  --ga-gutter: clamp(1.5rem, 5vw, 3.25rem);
  --ga-radius-sm: 2px;
  --ga-radius-md: 4px;

  /* Motion */
  --motion-fast: 200ms;
  --motion-base: 400ms;
  --motion-slow: 700ms;
  --motion-hero: 1200ms;
  --motion-aggressive: 560ms;
  --motion-ease-aggressive: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-ease-punch: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-stagger: 80ms;

  /* Contour pattern */
  --ga-contour-opacity: 0.1;
}
