:root {
  /* Light surface palette */
  --bg:           #fbfcfe;
  --surface:      #ffffff;
  --surface-2:    #f1f4f9;
  --border:       #e2e8f0;
  --border-strong:#cbd5e1;

  /* Deep-blue palette (header, hero, footer) */
  --dark:         #0b1e3f;
  --dark-2:       #102a55;
  --dark-3:       #1a3a70;
  --dark-border:  rgba(226,235,255,.08);

  /* Type */
  --text:         #0f172a;
  --text-soft:    #334155;
  --muted:        #64748b;
  --on-dark:      #eef3fb;
  --on-dark-soft: rgba(238,243,251,.72);
  --on-dark-mute: rgba(238,243,251,.50);

  /* Links (in body content) */
  --link:         #1d4ed8;
  --link-hover:   #1e3a8a;
  --link-on-dark: #93b8ff;

  /* Brand — professional blue, no neon */
  --accent:       #1d4ed8;
  --accent-2:     #3b82f6;
  --accent-soft:  #e8efff;
  --accent-line:  #c5d4f8;
  --accent-deep:  #1e3a8a;

  /* Code */
  --code-bg:      #0a1224;
  --code-text:    #eef3fb;

  /* Misc */
  --radius:       8px;
  --radius-sm:    4px;
  --container:    1180px;
  --container-narrow: 880px;

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}