@import "tailwindcss";

:root {
  color-scheme: dark;
  --brand-primary: #3fa5e8;
  --brand-primary-soft: rgba(63, 165, 232, 0.12);
  --brand-primary-strong: rgba(63, 165, 232, 0.28);
  --brand-accent: #4bc4ff;
  --brand-navy: #1d2733;
  --brand-deep: #0f141b;
  --brand-ink: #0b1118;
  --brand-contrast: #f2f8ff;
}

body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 20% -10%, var(--brand-primary-strong), transparent 55%),
    radial-gradient(circle at 80% 120%, rgba(8, 19, 27, 0.9), transparent 45%),
    linear-gradient(135deg, var(--brand-deep), var(--brand-ink));
  color: #cfd9e4;
  font-family: var(--font-geist-sans), system-ui, sans-serif;
  scroll-behavior: smooth;
}

.software-pattern-bg {
  position: relative;
  isolation: isolate;
  background: #ffffff;
}

::selection {
  background: rgba(63, 165, 232, 0.4);
  color: var(--brand-contrast);
}