/* TRKR shared product foundation — tokens and quiet surfaces used across app, owner, auth, and policy pages. */
:root {
  color-scheme: dark;
  --trkr-bg: #070809;
  --trkr-bg-raised: #0b0d0f;
  --trkr-surface: #101316;
  --trkr-surface-2: #15191d;
  --trkr-surface-3: #1b2025;
  --trkr-line: rgba(255,255,255,.075);
  --trkr-line-strong: rgba(255,255,255,.14);
  --trkr-text: #f5f4ef;
  --trkr-text-2: #b4b3ad;
  --trkr-text-3: #7d7f7d;
  --trkr-accent: #ff6b1a;
  --trkr-accent-2: #ff9a59;
  --trkr-good: #5bd6ad;
  --trkr-warn: #eac168;
  --trkr-risk: #f3757e;
  --trkr-radius-sm: 7px;
  --trkr-radius: 11px;
  --trkr-radius-lg: 16px;
  --trkr-shadow: 0 1px 0 rgba(255,255,255,.035) inset, 0 22px 64px rgba(0,0,0,.34);
  --trkr-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.trkr-foundation {
  --bg: var(--trkr-bg);
  --bg-0: var(--trkr-bg);
  --bg-1: var(--trkr-bg-raised);
  --bg-2: var(--trkr-bg-raised);
  --surface: var(--trkr-surface);
  --surface-2: var(--trkr-surface-2);
  --surface-3: var(--trkr-surface-3);
  --panel: var(--trkr-surface);
  --border: var(--trkr-line);
  --line: var(--trkr-line);
  --border-strong: var(--trkr-line-strong);
  --text: var(--trkr-text);
  --ink: var(--trkr-text);
  --dim: var(--trkr-text-2);
  --muted: var(--trkr-text-2);
  --faint: var(--trkr-text-3);
  --text-dim: var(--trkr-text-2);
  --text-faint: var(--trkr-text-3);
  --accent: var(--trkr-accent);
  --orange: var(--trkr-accent);
  --gold: var(--trkr-accent-2);
  --green: var(--trkr-good);
  --yellow: var(--trkr-warn);
  --red: var(--trkr-risk);
  --r: var(--trkr-radius-sm);
  --r-md: var(--trkr-radius);
  --r-lg: var(--trkr-radius-lg);
  margin: 0;
  min-height: 100vh;
  background: var(--trkr-bg) !important;
  background-image: radial-gradient(circle at 16% -12%, rgba(255,107,26,.07), transparent 32rem) !important;
  color: var(--trkr-text);
  font-family: var(--trkr-sans);
  -webkit-font-smoothing: antialiased;
}

body.trkr-foundation::before,
body.trkr-foundation .bg,
body.trkr-foundation .particles { display: none !important; }

body.trkr-foundation :focus-visible {
  outline: 2px solid var(--trkr-accent) !important;
  outline-offset: 3px;
}

body.trkr-foundation ::selection { background: rgba(255,107,26,.3); color: var(--trkr-text); }
body.trkr-foundation a { text-underline-offset: 3px; }
body.trkr-foundation .brand img,
body.trkr-foundation .brand .logo { border-radius: 11px; box-shadow: none; }

body.trkr-foundation .top,
body.trkr-foundation .shell > .topbar,
body.trkr-foundation .wrap > header {
  border-color: var(--trkr-line) !important;
  background: rgba(7,8,9,.88) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px);
}

body.trkr-foundation .card,
body.trkr-foundation .panel,
body.trkr-foundation .tile,
body.trkr-foundation .section,
body.trkr-foundation .stat,
body.trkr-foundation .hero-main,
body.trkr-foundation .hero-side,
body.trkr-foundation .column,
body.trkr-foundation .filters,
body.trkr-foundation article {
  border-color: var(--trkr-line) !important;
  border-radius: var(--trkr-radius) !important;
  background: var(--trkr-surface) !important;
  background-image: none !important;
  box-shadow: var(--trkr-shadow) !important;
  backdrop-filter: none !important;
}

body.trkr-foundation .btn,
body.trkr-foundation .link-btn,
body.trkr-foundation .top-actions a,
body.trkr-foundation .top-actions button,
body.trkr-foundation button.primary {
  border-color: var(--trkr-line-strong) !important;
  border-radius: 9px !important;
  background: var(--trkr-surface-2) !important;
  background-image: none !important;
  color: var(--trkr-text) !important;
  box-shadow: none !important;
}

body.trkr-foundation .btn.primary,
body.trkr-foundation button.primary {
  border-color: transparent !important;
  background: var(--trkr-accent) !important;
  color: #251006 !important;
}

body.trkr-foundation .eyebrow,
body.trkr-foundation .kicker,
body.trkr-foundation .date,
body.trkr-foundation .brand .sub { color: var(--trkr-accent-2) !important; }
body.trkr-foundation .num,
body.trkr-foundation .stat .val.accent { color: var(--trkr-text) !important; }

/* The owner console is the single v3 owner surface: operational, dense, and quiet. */
body.trkr-owner .top { padding-block: 12px; }
body.trkr-owner .brand .logo { width: 44px; height: 44px; }
body.trkr-owner .brand h1 {
  font-size: clamp(23px,2.2vw,32px);
  letter-spacing: -.035em;
  background: none !important;
  color: var(--trkr-text) !important;
  -webkit-text-fill-color: var(--trkr-text);
}
body.trkr-owner .tabs { gap: 0; border-color: var(--trkr-line); }
body.trkr-owner .tabs button.active { color: var(--trkr-text); border-color: var(--trkr-accent); }
body.trkr-owner .owner-command-strip { border-left-width: 2px; }
body.trkr-owner .stat:hover { transform: none; border-color: var(--trkr-line-strong) !important; }

body.trkr-login .card { border-radius: var(--trkr-radius-lg) !important; }
body.trkr-login .hero-title { letter-spacing: -.055em; }
body.trkr-login .quote-wrap { border-color: var(--trkr-line); }

body.trkr-legal main { width: min(780px,calc(100% - 28px)); }
body.trkr-legal article { border-radius: var(--trkr-radius-lg) !important; }
body.trkr-legal h1 { letter-spacing: -.045em; }

@media (max-width: 720px) {
  body.trkr-foundation .shell { width: min(100% - 20px,1480px); }
  body.trkr-foundation .wrap { width: min(100% - 24px,980px); }
  body.trkr-owner .top { padding: 10px 12px; }
  body.trkr-owner .container { padding: 14px 10px; }
}

@media (prefers-reduced-motion: reduce) {
  body.trkr-foundation *, body.trkr-foundation *::before, body.trkr-foundation *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}