/* Routeva Marketing · Direction A Instrument Quiet
 * craft-p0 visual system · Field Black + mint soft glass
 */

:root {
  --color-paper: #0b0e11;
  --color-paper-2: #171c21;
  --color-paper-top: #2e343a;
  --color-ink: rgba(255, 255, 255, 0.96);
  --color-ink-2: rgba(255, 255, 255, 0.72);
  --color-muted: rgba(255, 255, 255, 0.55);
  --color-quiet: rgba(255, 255, 255, 0.42);
  --color-mint: #7fd9b0;
  --color-mint-lift: #9ee8c4;
  --color-mint-ink: #0a1f18;
  --color-mint-deep: #2f9a6c;
  --color-glass: rgba(255, 255, 255, 0.07);
  --color-edge: rgba(255, 255, 255, 0.12);
  --color-edge-soft: rgba(255, 255, 255, 0.08);
  --color-image-outline: rgba(255, 255, 255, 0.1);
  --color-focus: #9ee8c4;

  --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI",
    system-ui, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display",
    "Segoe UI", system-ui, sans-serif;

  --text-hero: clamp(2.4rem, 5.2vw, 3.65rem);
  --text-section: clamp(1.55rem, 2.8vw, 2.05rem);
  --text-card: clamp(1.1rem, 1.6vw, 1.25rem);
  --text-body: 1.0625rem;
  --text-sm: 0.9375rem;
  --text-xs: 0.8125rem;
  --text-2xs: 0.75rem;

  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 2.75rem;
  --space-2xl: 3.75rem;
  --page-gutter: clamp(1.25rem, 4vw, 2.5rem);
  --shell: 72rem;
  --measure: 36rem;

  --radius-pill: 999px;
  --radius-card: 20px;
  --radius-phone: 28px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 180ms;
  --nav-h: 3.5rem;
  --scroll-pad: calc(var(--nav-h) + 0.75rem);
}