:root {
  /* Colors: base */
  --bg: #0a0a0a;
  --fg: #fafafa;
  --fg-2: #a0a0b0;
  --fg-3: #7a7a8a;

  /* Glass cards */
  --card-bg: rgba(20, 20, 25, 0.5);
  --card-border: rgba(255, 255, 255, 0.08);
  --card-blur: 20px;

  /* Ambient gradient palette (background blobs) */
  --blob-pink:    #ff5ea8;
  --blob-coral:   #ff5a5a;
  --blob-amber:   #ff9a3a;
  --blob-emerald: #2affb0;
  --blob-cyan:    #35b8ff;
  --blob-violet:  #8b5bff;

  /* UI accent gradient (logo dot, progress bar, pull-quote border) */
  --accent-gradient: linear-gradient(135deg, #ff5ea8, #8b5bff, #35b8ff);
  --accent-gradient-h: linear-gradient(90deg, #ff5ea8 0%, #8b5bff 55%, #35b8ff 100%);

  /* Type */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-serif: "Iowan Old Style", "Charter", "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-mono: "SF Mono", "JetBrains Mono", "Geist Mono", ui-monospace, Menlo, monospace;

  /* Spacing */
  --max-article: 680px;
  --max-content: 1040px;
  --gutter: 40px;

  /* Radius */
  --radius-card: 12px;
  --radius-card-lg: 16px;

  /* Motion */
  --ease: cubic-bezier(.2, 0, 0, 1);
}

@media (max-width: 640px) {
  :root { --gutter: 20px; }
}