/* ==========================================================
   CENTRAL CLOUD GAMING — Design Tokens
   Mapeie para style.css ou enqueue como arquivo separado
   ========================================================== */

:root {
  /* —— LIME / BRAND —— */
  --lime-50:  #f4ffe1;
  --lime-100: #e0ff9a;
  --lime-200: #c6ff5e;
  --lime-300: #a3e635;   /* PRIMARY ★ */
  --lime-400: #84cc16;
  --lime-500: #65a30d;
  --lime-600: #4d7c0f;
  --lime-700: #3f6212;
  --lime-800: #1f3008;
  --lime-900: #0e1a04;

  /* —— INK / NEUTRALS —— */
  --ink-950: #06090d;    /* page bg */
  --ink-900: #0a0f14;    /* surface */
  --ink-850: #0d141c;
  --ink-800: #131b24;    /* card */
  --ink-700: #1c2632;
  --ink-600: #2a3644;
  --ink-500: #3b4858;
  --ink-400: #56657a;
  --ink-300: #7a8a9f;
  --ink-200: #a7b4c5;
  --ink-100: #d4dce6;
  --ink-50:  #eef2f8;

  /* —— SERVICE COLORS —— */
  --svc-xcloud:     #107c10;
  --svc-boosteroid: #6a3aff;
  --svc-gfn:        #76b900;
  --svc-luna:       #ff9900;

  /* —— SEMANTIC —— */
  --success: #34d399;
  --warning: #fbbf24;
  --danger:  #f87171;
  --info:    #38bdf8;

  /* —— RADII —— */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-xl: 22px;

  /* —— SHADOWS / GLOW —— */
  --glow-sm: 0 0 0 1px rgba(163,230,53,.25), 0 0 14px rgba(163,230,53,.18);
  --glow-md: 0 0 0 1px rgba(163,230,53,.4), 0 0 24px rgba(163,230,53,.35), 0 0 60px rgba(163,230,53,.2);
  --glow-lg: 0 0 0 1px rgba(163,230,53,.5), 0 0 40px rgba(163,230,53,.55), 0 0 90px rgba(163,230,53,.3);
  --shadow-card: 0 1px 0 rgba(255,255,255,.04) inset, 0 12px 30px rgba(0,0,0,.45);

  /* —— TYPE —— */
  --f-display: "Russo One", "Chakra Petch", system-ui, sans-serif;
  --f-ui:      "Chakra Petch", "Inter", system-ui, sans-serif;
  --f-body:    "Inter", system-ui, sans-serif;
  --f-mono:    "JetBrains Mono", ui-monospace, monospace;

  /* —— LAYOUT —— */
  --maxw: 1280px;
  --maxw-narrow: 760px;        /* single-post reading width */
  --header-h: 72px;
  --gutter: 24px;
}

@media (max-width: 768px) {
  :root {
    --header-h: 60px;
    --gutter: 16px;
  }
}