/* SEO Platform — Design tokens (dark theme, sky/blue accent)
 * See: docs/decision/design_system.md, docs/config/design_tokens.md
 */
:root {
  /* Backgrounds */
  --bg-base:        #0B1220;
  --bg-surface:     #111A2E;
  --bg-elevated:    #172238;
  --bg-hover:       #1E2B45;
  --border:         #233354;
  --border-strong:  #2D4068;

  /* Text */
  --text-primary:   #E6EEFB;
  --text-secondary: #A5B4CF;
  --text-muted:     #6B7A99;

  /* Accent (sky) */
  --accent:         #38BDF8;
  --accent-hover:   #0EA5E9;
  --accent-active:  #0284C7;
  --accent-soft:    rgba(56, 189, 248, 0.12);
  --focus-ring:     rgba(56, 189, 248, 0.45);

  /* Semantic */
  --success: #34D399;
  --warning: #FBBF24;
  --danger:  #F87171;
  --info:    #60A5FA;

  /* Type */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;

  /* Shape */
  --radius-sm:  4px;
  --radius-md:  6px;
  --radius-lg:  8px;
  --radius-xl:  12px;
  --radius-full: 9999px;

  /* Shadow (dark theme) */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.40);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(56, 189, 248, 0.06);
}