/* Aurora Digital Solutions — Design Tokens */
:root {
  /* Aurora brand palette (from logo: violet ribbon → cyan ribbon) */
  --violet: #8b5cf6;
  --violet-deep: #6d28d9;
  --indigo: #4f46e5;
  --cyan: #22d3ee;
  --teal: #2dd4bf;

  /* Surfaces */
  --bg: #080a18;
  --bg-2: #0c0f24;
  --bg-elev: #11142e;
  --surface: rgba(255, 255, 255, 0.045);
  --surface-2: rgba(255, 255, 255, 0.07);
  --border: rgba(255, 255, 255, 0.09);
  --border-strong: rgba(255, 255, 255, 0.16);

  /* Text */
  --ink: #f5f6fc;
  --ink-soft: #d4d8ea;
  --muted: #9aa0bf;
  --muted-2: #71769a;

  /* Gradients */
  --grad-brand: linear-gradient(120deg, #a78bfa 0%, #8b5cf6 38%, #22d3ee 100%);
  --grad-brand-soft: linear-gradient(120deg, #8b5cf6, #22d3ee);
  --grad-ink: linear-gradient(180deg, #ffffff, #c9cef0);
  --glow-violet: 0 0 0 1px rgba(139, 92, 246, 0.35), 0 24px 60px -20px rgba(139, 92, 246, 0.55);
  --glow-cyan: 0 24px 60px -24px rgba(34, 211, 238, 0.5);

  /* Type scale (fluid) */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Space Grotesk", var(--font-sans);
  --text-xs: 0.78rem;
  --text-sm: 0.9rem;
  --text-base: clamp(1rem, 0.96rem + 0.2vw, 1.075rem);
  --text-lg: clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
  --text-xl: clamp(1.5rem, 1.2rem + 1.3vw, 2.05rem);
  --text-2xl: clamp(2rem, 1.4rem + 2.6vw, 3.1rem);
  --text-hero: clamp(2.6rem, 1.3rem + 5.4vw, 5.1rem);

  /* Spacing & radius */
  --space-section: clamp(4.5rem, 3rem + 6vw, 9rem);
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --maxw: 1180px;

  /* Motion */
  --dur-fast: 150ms;
  --dur: 280ms;
  --dur-slow: 600ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  color-scheme: dark;
}