/* Nvert design tokens — extracted from the faceted N logo */

:root {
  /* Brand palette (logo-derived) */
  --nvert-blue:     #0A5EB8;
  --nvert-purple:   #6B3FA0;
  --nvert-magenta:  #B02878;
  --nvert-teal:     #0C8068;
  --nvert-forest:   #3D5A20;
  --nvert-navy:     #0F1E38;

  /* Surfaces */
  --surface-black:    #0A0E17;
  --surface-dark:     #0F1521;
  --surface-elevated: #151C2B;
  --surface-subtle:   #1A2233;
  --surface-light:    #F5F7FA;
  --surface-white:    #FFFFFF;

  /* Unified section background — single tone shared by every main section.
     Override here to retint the entire page at once. */
  --section-base:     #14192A;

  /* Text */
  --text-primary:   #F1F5F9;
  --text-secondary: #94A3B8;
  --text-muted:     #64748B;
  --text-on-light:  #0F1E38;
  --text-on-light-secondary: #475569;
  --text-accent:    #22C5A8;

  /* Borders */
  --border-subtle:  rgba(255, 255, 255, 0.06);
  --border-muted:   rgba(255, 255, 255, 0.12);
  --border-strong:  rgba(255, 255, 255, 0.2);
  --border-light:   rgba(15, 30, 56, 0.1);

  /* Signature gradients (the logo's diagonals) */
  --gradient-primary: linear-gradient(135deg, #0A5EB8 0%, #6B3FA0 50%, #B02878 100%);
  --gradient-accent:  linear-gradient(135deg, #0C8068 0%, #0A5EB8 100%);
  --gradient-cool:    linear-gradient(180deg, #0F1E38 0%, #0A0E17 100%);
  --gradient-text:    linear-gradient(90deg, #F1F5F9 0%, #94A3B8 100%);

  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  --text-xs:   0.75rem;     /* 12 */
  --text-sm:   0.875rem;    /* 14 */
  --text-base: 1rem;        /* 16 */
  --text-lg:   1.125rem;    /* 18 */
  --text-xl:   1.25rem;     /* 20 */
  --text-2xl:  1.5rem;      /* 24 */
  --text-3xl:  1.875rem;    /* 30 */
  --text-4xl:  2.5rem;      /* 40 */
  --text-5xl:  3.5rem;      /* 56 */
  --text-6xl:  4.5rem;      /* 72 */
  --text-7xl:  5.75rem;     /* 92 */

  /* Spacing (8px scale) */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-7:  3rem;
  --space-8:  4rem;
  --space-9:  6rem;
  --space-10: 8rem;
  --space-11: 10rem;

  /* Layout */
  --container:       1440px;
  --container-wide:  1680px;
  --container-text:  720px;

  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* Elevation */
  --shadow-sm:     0 1px 2px rgba(0, 0, 0, 0.18);
  --shadow-md:     0 8px 24px rgba(0, 0, 0, 0.25);
  --shadow-lg:     0 24px 48px rgba(0, 0, 0, 0.35);
  --shadow-glow:   0 0 40px rgba(10, 94, 184, 0.25);
  --shadow-glow-accent: 0 0 48px rgba(12, 128, 104, 0.3);

  /* Motion */
  --ease-out-soft:  cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-sharp: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:    cubic-bezier(0.65, 0, 0.35, 1);

  --dur-fast:   180ms;
  --dur-base:   320ms;
  --dur-slow:   600ms;
  --dur-reveal: 900ms;

  /* Nav */
  --nav-height: 72px;
}