:root {
  /* copiado do 2xtec (identidade visual da marca) */
  --background: #05070e;
  --background-elevated: #0b101f;
  --background-card: #0e1426;
  --foreground: #eef1f8;
  --foreground-muted: #97a1b9;
  --border: rgba(148, 163, 184, 0.14);

  --gold-300: #f5d780;
  --gold-400: #e8c468;
  --gold-500: #d4af37;
  --gold-600: #b8860b;

  --cyan-300: #8af2ff;
  --cyan-400: #4ce0f2;
  --cyan-500: #22d3ee;

  --gold-gradient: linear-gradient(135deg, var(--gold-300), var(--gold-600));
  --tech-gradient: linear-gradient(135deg, var(--cyan-400), var(--gold-400));

  /* específicos deste app */
  --font-sans: "Inter", Arial, Helvetica, sans-serif;
  --font-display: "Space Grotesk", var(--font-sans);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --focus-ring: 0 0 0 3px rgba(212, 175, 55, 0.35);
  --focus-ring-color: var(--gold-400);

  --input-bg: var(--background-elevated);
  --input-border: var(--border);
  --input-border-hover: rgba(148, 163, 184, 0.28);

  --link-color: var(--cyan-300);
  --link-color-hover: var(--gold-300);

  --success-bg: rgba(45, 212, 130, 0.12);
  --success-border: rgba(45, 212, 130, 0.35);
  --success-fg: #6fe3a6;

  --error-bg: rgba(248, 90, 90, 0.12);
  --error-border: rgba(248, 90, 90, 0.35);
  --error-fg: #ff8a8a;

  --warning-bg: rgba(232, 196, 104, 0.12);
  --warning-border: rgba(232, 196, 104, 0.35);
  --warning-fg: var(--gold-300);

  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.02) inset, 0 20px 40px -24px rgba(0, 0, 0, 0.6);
}