/* shared/tokens.css — TLC ops design tokens + global a11y baseline.
 * Single source of truth, loaded first by every dashboard via <link>.
 * Module-specific tokens (--amber sales, --orange creators/press, --purple press)
 * stay in each dashboard's own :root and merge additively. */

@import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&display=swap');

:root {
  --bg:       #0E0F0B;
  --surface:  #141510;
  --surface2: #1A1C16;
  --border:   #252820;
  --border2:  #333628;
  --text:     #E8EAE0;
  --muted:    #8A8D7A;
  --dim:      #7A7D6A;
  --accent:   #C8F04A;
  --green:    #4AF0A0;
  --red:      #F04A4A;
  --mono:     'DM Mono', 'Courier New', monospace;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

*:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

.sr-only {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

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

.ver-footer {
  padding: 32px 32px 20px;
  font-family: var(--mono);
  font-size: 11px;
  color: var(--dim);
  letter-spacing: 0.08em;
  text-align: right;
}