/* IronMeshVPN presentation tokens — Quiet Path / Seated Edge
   Shared foundation for gradual page migration. Presentation only. */

:root {
  /* Grounds (ink / graphite) */
  --im-bg: #070a12;
  --im-bg-soft: #0c101c;
  --im-bg-plate: #101522;
  --im-bg-recess: #05070e;
  --im-bg-elevated: #141a2b;

  /* Text */
  --im-text: #f4f6fb;
  --im-text-muted: #9aa3b5;
  --im-text-dim: #6f788c;

  /* Signal accent (single actionable accent; violet demoted) */
  --im-signal: #2ec8e6;
  --im-signal-soft: rgba(46, 200, 230, 0.14);
  --im-signal-strong: rgba(46, 200, 230, 0.35);

  /* Semantic */
  --im-success: #34d399;
  --im-warning: #e8b84a;
  --im-danger: #f07178;
  --im-info: #7aa2c8;

  /* Borders / edges */
  --im-border: rgba(255, 255, 255, 0.08);
  --im-border-strong: rgba(255, 255, 255, 0.14);
  --im-seam: rgba(244, 246, 251, 0.28);
  --im-path: rgba(46, 200, 230, 0.55);

  /* Spacing ladder */
  --im-space-1: 0.25rem;
  --im-space-2: 0.5rem;
  --im-space-3: 0.75rem;
  --im-space-4: 1rem;
  --im-space-5: 1.5rem;
  --im-space-6: 2rem;
  --im-space-7: 3rem;
  --im-space-8: 4.5rem;
  --im-space-9: 6.5rem;

  /* Type scale (Inter retained for I1) */
  --im-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --im-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --im-text-xs: 0.75rem;
  --im-text-sm: 0.875rem;
  --im-text-md: 1rem;
  --im-text-lg: 1.125rem;
  --im-text-xl: 1.35rem;
  --im-text-2xl: 1.75rem;
  --im-text-3xl: 2.25rem;
  --im-text-4xl: clamp(2.1rem, 3.2vw, 2.9rem);
  --im-text-brand: clamp(1.65rem, 2.4vw, 2.15rem);
  --im-leading: 1.55;
  --im-leading-tight: 1.2;

  /* Radii — moderate, not pill-default */
  --im-radius-sm: 8px;
  --im-radius-md: 12px;
  --im-radius-lg: 16px;
  --im-radius-xl: 20px;

  /* Shadows — structural, not glow stacks */
  --im-shadow-soft: 0 18px 48px rgba(0, 0, 0, 0.45);
  --im-shadow-contact: 0 10px 28px rgba(0, 0, 0, 0.55);

  /* Layout widths (D4 families) */
  --im-container: 1180px;
  --im-reading: 720px;
  --im-form: 420px;

  /* Header */
  --im-header-h: 68px;

  /* Motion */
  --im-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --im-dur-fast: 120ms;
  --im-dur: 220ms;
}