/* DELRIQUE INFOTECH — Critical Above-Fold Stylesheet
   Ownership: GENUINELY CRITICAL only — above-the-fold foundation.
   All other rules belong in: style.css (tokens), components.css (components),
   home.css (homepage), services.css (service pages), about.css (about), contact.css (contact).
   This file must NOT contain: header/nav/mega rules, footer rules, card styles,
   button designs, FAQ rules, or any component that appears on interior pages.
*/

/* — Foundation tokens (subset — full set in style.css) — */
:root {
  --brand-black: #0B1220;
  --brand-blue: #1546A0;
  --brand-gold: #FFC300;
  --brand-white: #FFFFFF;
  --text-primary: var(--brand-white);
  --text-secondary: rgba(255, 255, 255, 0.70);
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius: 16px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --shadow-sm: 0 4px 12px rgba(0,0,0,0.18);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.28);
  --shadow-lg: 0 16px 48px rgba(0,0,0,0.38);
}

/* — Minimal foundation so style.css can take over without FOUC — */
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body);
  background: var(--brand-black);
  color: var(--text-primary);
}