/* ==========================================================================
   AQENVOR — CENTRAL DESIGN TOKENS
   Single source of truth for colour, type and motion.
   ========================================================================== */

@font-face {
  font-family: "Sora";
  src: url("../assets/fonts/sora-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../assets/fonts/manrope-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("../assets/fonts/jetbrains-mono-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

:root {
  /* Backgrounds */
  --aq-bg-primary: #050817;
  --aq-bg-secondary: #0b1023;
  --aq-bg-surface: #11182d;

  /* Brand colours */
  --aq-blue: #345bff;
  --aq-purple: #a020f0;
  --aq-cyan: #00d9f5;

  /* Typography colours */
  --aq-text-primary: #ffffff;
  --aq-text-secondary: #a7b0c5;
  --aq-text-muted: #727d98;

  /* Borders */
  --aq-border: #202b45;
  --aq-border-strong: #33405f;

  /* Brand gradient */
  --aq-gradient: linear-gradient(135deg, #a020f0 0%, #345bff 55%, #00d9f5 100%);
  --aq-gradient-90: linear-gradient(90deg, #a020f0 0%, #345bff 55%, #00d9f5 100%);
  --aq-gradient-soft: linear-gradient(
    135deg,
    rgba(160, 32, 240, 0.16) 0%,
    rgba(52, 91, 255, 0.12) 55%,
    rgba(0, 217, 245, 0.08) 100%
  );

  /* Type system */
  --aq-font-display: "Sora", "Helvetica Neue", Arial, sans-serif;
  --aq-font-body: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --aq-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  --aq-text-xs: 0.6875rem;
  --aq-text-sm: 0.8125rem;
  --aq-text-base: 1rem;
  --aq-text-lg: clamp(1.0625rem, 1.2vw, 1.1875rem);
  --aq-text-xl: clamp(1.25rem, 1.8vw, 1.5rem);
  --aq-display-sm: clamp(2.25rem, 4vw, 3.75rem);
  --aq-display-md: clamp(2.75rem, 5.6vw, 5.5rem);
  --aq-display-lg: clamp(3.35rem, 7.7vw, 7.5rem);

  /* Layout */
  --aq-container: 1320px;
  --aq-gutter: clamp(1.25rem, 4vw, 3.5rem);
  --aq-section: clamp(5.5rem, 10vw, 9.5rem);
  --aq-header-h: 78px;
  --aq-radius-sm: 2px;
  --aq-radius-md: 4px;
  --aq-radius-lg: 8px;

  /* Motion */
  --aq-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --aq-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --aq-speed: 480ms;
}

/* Optional light scope for the monochrome dark logo on paper. */
.aq-on-light {
  --aq-bg-primary: #f4f5f8;
  --aq-bg-secondary: #eceef3;
  --aq-bg-surface: #ffffff;
  --aq-text-primary: #050817;
  --aq-text-secondary: #3d4761;
  --aq-text-muted: #66708a;
  --aq-border: #d9dde7;
  --aq-border-strong: #bcc3d2;
}