/**
 * Xernode — Design tokens (marca oficial)
 */

:root {
  --xn-bg: #050a0c;
  --xn-bg-deep: #050a0c;
  --xn-bg-secondary: #0b1115;
  --xn-bg-nav: rgb(5 10 12 / 0.92);
  --xn-foreground: #ffffff;
  --xn-muted: #aab7c4;
  --xn-card: #0b1115;
  --xn-border: rgb(22 213 194 / 0.18);

  --xn-primary: #16d5c2;
  --xn-primary-hover: #1ae8d3;
  --xn-primary-dark: #0fa896;
  --xn-primary-glow: #1ae8d3;
  --xn-primary-foreground: #050a0c;
  --xn-accent-text: #16d5c2;

  --xn-brand-primary: #16d5c2;
  --xn-brand-text: #ffffff;
  --xn-brand-muted: #aab7c4;
  --xn-brand-glow: 0 0 10px rgb(22 213 194 / 0.4), 0 0 20px rgb(22 213 194 / 0.3), 0 0 40px rgb(22 213 194 / 0.15);

  --xn-gradient-primary: linear-gradient(135deg, #0fa896 0%, #16d5c2 50%, #1ae8d3 100%);
  --xn-gradient-hero-text: linear-gradient(to right, #0fa896, #16d5c2, #1ae8d3);
  --xn-gradient-card: linear-gradient(160deg, hsl(175 35% 3.5% / 0.2) 0%, hsl(175 28% 4.5% / 0.28) 100%);
  --xn-shadow-primary: 0 0 16px rgb(22 213 194 / 0.25);

  --xn-font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --xn-radius: 0.75rem;
  --xn-radius-lg: 1rem;
  --xn-transition: 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}