/* Nueroid Shared Brand Assets */
/* This file contains the core colors and typography tokens for the Nueroid brand. */

:root {
  /* Primary Colors */
  --electric-blue-50: #f0f9ff;
  --electric-blue-100: #e0f2fe;
  --electric-blue-200: #bae6fd;
  --electric-blue-300: #7dd3fc;
  --electric-blue-400: #38bdf8; /* Fallback for var(--theme-primary) if needed */
  --electric-blue-500: #0ea5e9; /* Core Primary */
  --electric-blue-600: #0284c7;
  --electric-blue-700: #0369a1;
  --electric-blue-800: #075985;
  --electric-blue-900: #0c4a6e;

  /* Secondary Colors */
  --deep-purple-50: #faf5ff;
  --deep-purple-100: #f3e8ff;
  --deep-purple-200: #e9d5ff;
  --deep-purple-300: #d8b4fe;
  --deep-purple-400: #c084fc;
  --deep-purple-500: #a855f7; /* Core Secondary */
  --deep-purple-600: #9333ea;
  --deep-purple-700: #7e22ce;
  --deep-purple-800: #6b21a8;
  --deep-purple-900: #581c87;

  /* Accent Colors */
  --tech-teal-50: #f0fdfa;
  --tech-teal-100: #ccfbf1;
  --tech-teal-200: #99f6e4;
  --tech-teal-300: #5eead4;
  --tech-teal-400: #2dd4bf;
  --tech-teal-500: #14b8a6; /* Core Accent */
  --tech-teal-600: #0d9488;
  --tech-teal-700: #0f766e;
  --tech-teal-800: #115e59;
  --tech-teal-900: #134e4a;

  --growth-green-500: #22c55e;
  --innovation-orange-500: #f97316;
}

/* Shared Text Logo Component */
/* Automatically applies the exact gradient, sizing, and spacing from the Next.js header */
.nueroid-text-logo {
  font-family: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
  font-weight: 700;
  font-size: 1.875rem; /* 30px, standard for the main headers */
  line-height: 2.25rem;
  letter-spacing: -0.025em; /* tracking-tight */
  background-image: linear-gradient(
    to right,
    var(--electric-blue-500),
    var(--deep-purple-500),
    var(--tech-teal-500)
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  user-select: none;
  display: inline-block;
}