/* =====================================================================
   DigitalRadar — Design Tokens
   A fonte única de verdade do design system. Cores, tipografia,
   espaçamento, raios, sombras, glows e motion da marca.
   ===================================================================== */

:root {
	/* ---- Cores oficiais da marca ---- */
	--dr-neon: #00B4FF;        /* Azul Tech Neon */
	--dr-deep: #0A1F44;        /* Azul Profundo */
	--dr-silver: #C7CCD1;      /* Prata Metálico */
	--dr-black: #0D0D0D;       /* Preto Tech */
	--dr-gray: #2B2F36;        /* Cinza Digital */

	/* ---- Superfícies derivadas (escala dark) ---- */
	--dr-bg: #070809;          /* Fundo base, mais profundo que o preto tech */
	--dr-bg-2: #0D0D0D;
	--dr-surface: #12161c;
	--dr-surface-2: #171c24;
	--dr-surface-3: #1d232c;
	--dr-deep-glow: #0a1733;

	/* ---- Bordas ---- */
	--dr-border: rgba(199, 204, 209, .10);
	--dr-border-2: rgba(199, 204, 209, .16);
	--dr-border-neon: rgba(0, 180, 255, .35);

	/* ---- Texto ---- */
	--dr-heading: #F4F8FC;
	--dr-text: #E7ECF2;
	--dr-text-dim: #9aa3ad;
	--dr-text-mute: #6b7280;
	--dr-on-neon: #04121f;

	/* ---- Acentos ---- */
	--dr-neon-2: #3ec9ff;
	--dr-neon-soft: rgba(0, 180, 255, .12);

	/* ---- Gradientes ---- */
	--dr-grad-brand: linear-gradient(135deg, #00B4FF 0%, #0A1F44 100%);
	--dr-grad-neon: linear-gradient(135deg, #3ec9ff 0%, #00B4FF 100%);
	--dr-grad-text: linear-gradient(92deg, #E7ECF2 0%, #6fd6ff 45%, #00B4FF 100%);
	--dr-grad-surface: linear-gradient(180deg, rgba(0,180,255,.05) 0%, rgba(0,180,255,0) 100%);

	/* ---- Glows (a assinatura visual) ---- */
	--dr-glow-sm: 0 0 18px -6px rgba(0, 180, 255, .55);
	--dr-glow: 0 0 1px rgba(0,180,255,.6), 0 6px 30px -8px rgba(0, 180, 255, .45);
	--dr-glow-lg: 0 0 60px -12px rgba(0, 180, 255, .55);
	--dr-glow-text: 0 0 22px rgba(0, 180, 255, .45);

	/* ---- Sombras ---- */
	--dr-shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);
	--dr-shadow: 0 12px 40px -12px rgba(0, 0, 0, .65);
	--dr-shadow-lg: 0 30px 80px -24px rgba(0, 0, 0, .75);

	/* ---- Tipografia: famílias ---- */
	--dr-font-display: 'Orbitron', 'Montserrat', sans-serif;
	/* Títulos do site em Orbitron (SemiBold) — futurista, on-brand. */
	--dr-font-head: 'Orbitron', 'Montserrat', sans-serif;
	--dr-font-alt: 'Poppins', 'Montserrat', sans-serif;
	--dr-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

	/* ---- Tipografia: escala fluida (clamp) ---- */
	--dr-fs-xs: 0.75rem;
	--dr-fs-sm: 0.875rem;
	--dr-fs-base: 1rem;
	--dr-fs-md: 1.125rem;
	--dr-fs-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
	--dr-fs-xl: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);
	--dr-fs-2xl: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);
	--dr-fs-3xl: clamp(2.5rem, 1.4rem + 4.6vw, 4.75rem);
	--dr-fs-display: clamp(3rem, 1.2rem + 7vw, 6.5rem);

	/* ---- Tipografia: pesos e métricas ---- */
	--dr-fw-medium: 500;
	--dr-fw-semi: 600;
	--dr-fw-bold: 700;
	--dr-fw-black: 800;
	--dr-lh-tight: 1.05;
	--dr-lh-head: 1.12;
	--dr-lh-body: 1.7;
	--dr-tracking-tight: -0.02em;
	--dr-tracking-wide: 0.16em;

	/* ---- Espaçamento (escala 4px) ---- */
	--dr-sp-1: 0.25rem;
	--dr-sp-2: 0.5rem;
	--dr-sp-3: 0.75rem;
	--dr-sp-4: 1rem;
	--dr-sp-5: 1.5rem;
	--dr-sp-6: 2rem;
	--dr-sp-7: 3rem;
	--dr-sp-8: 4rem;
	--dr-sp-9: 6rem;
	--dr-sp-10: 8rem;
	--dr-section-y: clamp(3.5rem, 2rem + 6vw, 7rem);

	/* ---- Layout ---- */
	--dr-container: 1240px;
	--dr-container-wide: 1440px;
	--dr-gutter: clamp(1.25rem, 4vw, 2.5rem);
	--dr-header-h: 76px;

	/* ---- Raios ---- */
	--dr-r-sm: 8px;
	--dr-r-md: 14px;
	--dr-r-lg: 20px;
	--dr-r-xl: 28px;
	--dr-r-pill: 999px;

	/* ---- Motion ---- */
	--dr-ease: cubic-bezier(.2, .7, .2, 1);
	--dr-ease-out: cubic-bezier(.16, 1, .3, 1);
	--dr-dur-fast: .18s;
	--dr-dur: .35s;
	--dr-dur-slow: .6s;

	/* ---- Z-index ---- */
	--dr-z-header: 100;
	--dr-z-overlay: 200;
	--dr-z-totop: 90;
}