/* ─────────────────────────────────────────────
   TOKENS — Design Variables
   PRO-C Color / Neon Protocol
───────────────────────────────────────────── */
:root {
  /* Colors */
  --color-bg:          #0e0e0e;
  --color-bg-dark:     #0c0a09;
  --color-bg-mid:      #131313;
  --color-bg-card:     #201f1f;
  --color-bg-card-alt: #262626;
  --color-surface:     #131313;

  --color-lime:        #cffc00;
  --color-lime-dark:   #4b5e00;
  --color-lime-light:  #f4ffc8;
  --color-lime-mid:    #536600;

  --color-purple:      #c97cff;
  --color-purple-deep: #9000de;
  --color-purple-dark: #4b0082;
  --color-purple-void: #1a0033;

  --color-cyan:        #c1fffe;
  --color-cyan-bright: #00e6e6;

  --color-white:       #ffffff;
  --color-grey-light:  #adaaaa;
  --color-grey-mid:    #777575;
  --color-grey-border: #494847;
  --color-grey-dark:   #626262;
  --color-stone:       #78716c;
  --color-stone-dark:  #57534e;

  --color-nav-bg:      rgba(2, 6, 23, 0.8);

  /* Typography */
  --font-main:   'Space Grotesk', sans-serif;
  --font-mono:   'Space Mono', monospace;

  /* Font weights */
  --fw-regular: 400;
  --fw-bold:    700;
  --fw-black:   900;

  /* Spacing */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   32px;
  --space-2xl:  48px;
  --space-3xl:  64px;
  --space-4xl:  80px;
  --space-5xl:  128px;

  /* Container */
  --container-max: 1440px;
  --container-pad: 48px;

  /* Letter spacing */
  --ls-wide:    0.5em;
  --ls-mid:     0.15em;
  --ls-tight:   -0.05em;
  --ls-tighter: -0.1em;

  /* Border */
  --border-subtle: 1px solid rgba(73, 72, 71, 0.2);
  --border-lime:   1px solid var(--color-lime);

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --duration: 200ms;
}

/* ── Theme overrides ── */

/* Lime (padrão) */
[data-theme="lime"] {}

/* Purple */
[data-theme="purple"] {
  --color-lime:       #c97cff;
  --color-lime-dark:  #4b0082;
  --color-lime-light: #f0d9ff;
  --color-lime-mid:   #9000de;
}

/* Cyan */
[data-theme="cyan"] {
  --color-lime:       #c1fffe;
  --color-lime-dark:  #007a7a;
  --color-lime-light: #e0ffff;
  --color-lime-mid:   #00b3b3;
}