:root {
    --ct-green:        #16a34a;
    --ct-green-light:  #22c55e;
    --ct-green-dim:    #15803d;
    --ct-green-glow:   rgba(22,163,74,0.14);
    --ct-green-border: rgba(22,163,74,0.32);
    --ct-bg:           #07090a;
    --ct-bg2:          #0c0f0d;
    --ct-surface:      #111915;
    --ct-surface2:     #17201a;
    --ct-surface3:     #1d2921;
    --ct-text:         #e6efe9;
    --ct-muted:        #6b9275;
    --ct-dim:          #3d5e47;
    --ct-border:       rgba(255,255,255,0.07);
    --ct-red:          #ef4444;
    --bs-body-bg:      #07090a;
    --bs-body-color:   #e6efe9;
    --green:        #16a34a;
    --bs-border-color: rgba(255,255,255,0.07);
    --green-light:  #22c55e;
    --green-dim:    rgba(22, 163, 74, 0.12);
    --green-glow:   rgba(22, 163, 74, 0.35);
    --bg-base:      #080d10;
    --bg-card:      #0e1a16;
    --bg-card2:     #111b17;
    --border:       rgba(22, 163, 74, 0.18);
    --border-subtle:rgba(255,255,255,0.06);
    --text-primary: #e8f5ee;
    --text-muted:   #7aab8a;
  }

  /* ── GLOBAL ── */
  body {
    font-family: 'DM Sans', sans-serif;
    background: var(--ct-bg);
    color: var(--ct-text);
    overflow-x: hidden;
  }

  body::after {
    content: '';
    position: fixed;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 9999;
    opacity: 0.6;
  }



  /* ── TYPOGRAPHY ── */
  .font-display  { font-family: 'Syne', sans-serif; }
  .font-mono     { font-family: 'JetBrains Mono', monospace; }

  /* ── HELPERS ── */
  .text-green       { color: var(--ct-green-light) !important; }
  .text-muted-ct    { color: var(--ct-muted) !important; }
  .text-dim         { color: var(--ct-dim) !important; }
  .bg-surface       { background: var(--ct-surface); }
  .bg-surface2      { background: var(--ct-surface2); }
  .border-green     { border-color: var(--ct-green-border) !important; }
  .border-subtle    { border-color: var(--ct-border) !important; }

  /* ── SCROLLBAR ── */
  ::-webkit-scrollbar            { width: 5px; }
  ::-webkit-scrollbar-track      { background: var(--ct-bg); }
  ::-webkit-scrollbar-thumb      { background: var(--ct-surface3); border-radius: 3px; }
  ::-webkit-scrollbar-thumb:hover{ background: var(--ct-green-dim); }