:root{
  /* Backgrounds */
  --cc-bg-deep:#050711;
  --cc-bg-mid:#0b1220;

  /* Brand spectrum */
  --cc-purple:#a855f7;
  --cc-cyan:#22d3ee;
  --cc-orange:#f97316;
  --cc-pink:#ec4899;
  --cc-red:#e00000;
  --cc-green:#22c55e;

  /* Text */
  --cc-text:#e5e7eb;
  --cc-muted:#a3adc2;

  /* Surfaces */
  --cc-card: rgba(15,23,42,0.78);
  --cc-glass: rgba(8,10,18,0.55);
  --cc-border: rgba(148,163,184,0.28);
  --cc-shadow: 0 22px 60px rgba(0,0,0,0.55);
  --cc-radius: 18px;

  /* Layout */
  --cc-container: 1240px;
  --cc-container-wide: 1440px;
  --cc-content: 900px;

  /* Typography rhythm (SEO.com-ish) */
  --cc-body: 18px;
  --cc-line: 1.55;
  --cc-track: -0.009em;
  
  --cc-body: 18px;
--cc-line: 1.68;
--cc-track: -0.012em;

}