/* =========================================================
   CLAUDE ANALYSIS TOKENS — claude-analysis.css
   Tokens for Claude-generated HTML analyses embedded in posts.
   Values are set here as fallbacks; main.css overrides them
   via :root when the full theme is loaded.
   ========================================================= */

:root {
  --font-sans:                    'Inter', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --color-background-primary:     #070b11;
  --color-background-secondary:   #141c2e;
  --color-background-tertiary:    #1a2540;
  --color-text-primary:           #e8edf5;
  --color-text-secondary:         #8a9bbf;
  --color-text-tertiary:          #4a5b7a;
  --color-border-primary:         rgba(0, 212, 255, 0.12);
  --color-border-secondary:       rgba(0, 212, 255, 0.12);
  --color-border-tertiary:        rgba(0, 212, 255, 0.10);
  --border-radius-sm:  5px;
  --border-radius-md:  8px;
  --border-radius-lg:  14px;
}

.claude-analysis {
  font-family: var(--font-sans);
  color: var(--color-text-primary);
  line-height: 1.5;
  margin: 1.5rem 0 2rem;
}

.claude-analysis table { text-align: left; }
.claude-analysis p     { text-align: left; font-family: var(--font-sans); }

.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;
}