/* Canonical takedowns design tokens.
 *
 * Every public, authentication, workspace, and admin page loads this file
 * before its layout stylesheet. Layout files may add scoped surface tokens,
 * but brand colour, typography, focus, and motion values come from here.
 */
:root {
  color-scheme: light;
  --brand-primary: #0ea5e9;
  --brand-primary-hover: #0284c7;
  --brand-primary-soft: #e0f2fe;
  --brand-primary-faint: #f0f9ff;
  --brand-ink: #0f172a;
  --brand-text: #475569;
  --brand-muted: #64748b;
  --brand-border: #bae6fd;
  --brand-border-strong: #7dd3fc;
  --brand-surface: #ffffff;
  --brand-page: #f0f9ff;
  --brand-success: #047857;
  --brand-warning: #c2410c;
  --brand-danger: #b91c1c;
  --brand-radius-sm: 8px;
  --brand-radius-md: 12px;
  --brand-radius-lg: 20px;
  --brand-shadow-sm: 0 4px 20px rgba(14, 165, 233, .1);
  --brand-shadow-md: 0 12px 32px rgba(14, 165, 233, .16);
  --brand-font-ui: 'DM Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --brand-font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
  --brand-ease: cubic-bezier(.22, .61, .36, 1);
}

html { accent-color: var(--brand-primary); }

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid rgba(14, 165, 233, .35);
  outline-offset: 3px;
}

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