:root {
  color-scheme: light dark;

  /* Studio UI Typography */
  --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Studio Workspace Palette (Curated Warm-Neutral Dark Studio) */
  --studio-bg: hsl(220 14% 9%);
  --studio-stage-bg: hsl(220 13% 12%);
  --studio-panel: hsl(220 14% 11%);
  --studio-surface: hsl(220 13% 15%);
  --studio-surface-hover: hsl(220 12% 19%);
  --studio-surface-active: hsl(220 12% 22%);
  --studio-border: hsl(220 12% 20%);
  --studio-border-strong: hsl(220 12% 28%);

  --studio-text: hsl(210 20% 96%);
  --studio-text-muted: hsl(215 12% 65%);
  --studio-text-subtle: hsl(215 10% 48%);

  /* Functional Brand Accent (X Sky Blue — zero purple/neon) */
  --accent: hsl(204 88% 53%);
  --accent-hover: hsl(204 88% 47%);
  --accent-soft: hsl(204 88% 53% / 0.14);
  --danger: hsl(352 84% 60%);
  --danger-soft: hsl(352 84% 60% / 0.14);
  --success: hsl(160 84% 39%);

  /* Radii & Elevation */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 9999px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.28);
  --shadow-stage: 0 24px 60px -12px rgba(0, 0, 0, 0.52), 0 0 0 1px rgba(255, 255, 255, 0.06);
  --shadow-card-light: 0 20px 50px -15px rgba(15, 20, 25, 0.18), 0 0 0 1px rgba(15, 20, 25, 0.08);
}

/* Official X Post Theme Tokens */
[data-x-theme="light"] {
  --x-bg: #ffffff;
  --x-text: #0f1419;
  --x-secondary: #536471;
  --x-border: #eff3f4;
  --x-card-border: rgba(15, 20, 25, 0.09);
  --x-link: #1d9bf0;
  --x-hover-surface: rgba(15, 20, 25, 0.03);
  --x-media-bg: #f7f9f9;
  --x-thread-line: #cfd9de;
  --x-follow-bg: #0f1419;
  --x-follow-text: #ffffff;
}

[data-x-theme="dim"] {
  --x-bg: #15202b;
  --x-text: #f7f9f9;
  --x-secondary: #8b98a5;
  --x-border: #38444d;
  --x-card-border: rgba(255, 255, 255, 0.1);
  --x-link: #1d9bf0;
  --x-hover-surface: rgba(247, 249, 249, 0.04);
  --x-media-bg: #1e2732;
  --x-thread-line: #3d5466;
  --x-follow-bg: #eff3f4;
  --x-follow-text: #0f1419;
}

[data-x-theme="dark"] {
  --x-bg: #000000;
  --x-text: #e7e9ea;
  --x-secondary: #71767b;
  --x-border: #2f3336;
  --x-card-border: rgba(255, 255, 255, 0.14);
  --x-link: #1d9bf0;
  --x-hover-surface: rgba(231, 233, 234, 0.04);
  --x-media-bg: #16181c;
  --x-thread-line: #333639;
  --x-follow-bg: #eff3f4;
  --x-follow-text: #0f1419;
}