/**
 * TLB Design System — dense editorial tokens (Glassnode / IntelliChance-inspired)
 */

:root {
  --tlb-orange: #e8942a;
  --tlb-orange-soft: rgba(232, 148, 42, 0.1);
  --tlb-orange-glow: rgba(232, 148, 42, 0.22);
  --tlb-cyan: #5eb8d4;
  --tlb-bg: #090909;
  --tlb-bg-elevated: #0f0f0f;
  --tlb-bg-card: #121212;
  --tlb-border: rgba(255, 255, 255, 0.07);
  --tlb-border-strong: rgba(255, 255, 255, 0.11);

  --tlb-text: #ececec;
  --tlb-text-secondary: rgba(255, 255, 255, 0.62);
  --tlb-text-muted: rgba(255, 255, 255, 0.42);

  --tlb-font-display: 'Fraunces', Georgia, serif;
  --tlb-font-ui: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --tlb-font-mono: 'Geist Mono', ui-monospace, monospace;
  --tlb-font-accent: var(--tlb-font-ui);

  /* Tighter scale — information-dense, not billboard */
  --tlb-text-display: clamp(1.25rem, 3.2vw, 1.875rem);
  --tlb-text-title: clamp(1.0625rem, 2.4vw, 1.375rem);
  --tlb-text-subtitle: clamp(0.9375rem, 2vw, 1.0625rem);
  --tlb-text-body: clamp(0.8125rem, 1.7vw, 0.9375rem);
  --tlb-text-small: clamp(0.6875rem, 1.5vw, 0.8125rem);
  --tlb-text-label: 0.625rem;

  --tlb-leading-tight: 1.2;
  --tlb-leading-body: 1.6;
  --tlb-tracking-tight: -0.025em;
  --tlb-tracking-label: 0.14em;

  --tlb-space-section-y: clamp(2.25rem, 5vw, 3.75rem);
  --tlb-space-section-y-sm: clamp(1.75rem, 4vw, 2.75rem);
  --tlb-space-gutter: clamp(0.875rem, 3.5vw, 1.5rem);
  --tlb-max-width: 64rem;

  --tlb-radius-sm: 6px;
  --tlb-radius-md: 10px;
  --tlb-radius-lg: 12px;
  --tlb-radius-pill: 999px;

  --tlb-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --tlb-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --tlb-duration-fast: 160ms;
  --tlb-duration-base: 280ms;
  --tlb-duration-slow: 480ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --tlb-duration-fast: 0ms;
    --tlb-duration-base: 0ms;
    --tlb-duration-slow: 0ms;
  }
}