/* ============================================================================
   AI Genvejen — brand tokens
   ----------------------------------------------------------------------------
   Plain CSS custom properties, deliberately NOT a Tailwind config.

   Why: this site has no build step and loads Tailwind from the CDN. All ~203
   self-contained marketing pages set `tailwind.config = {...}` — a bare
   ASSIGNMENT, not a merge — so whichever script runs last wins and wipes the
   other. A shared Tailwind config would therefore either clobber every page's
   tested palette or be clobbered by it; there is no load order that works.

   Custom properties sidestep that entirely: they cascade, they never collide
   with Tailwind's generated utility classes, and they need no build. Page-level
   palettes stay exactly as they are and keep winning for Tailwind utilities.
   These tokens are for the shared chrome and for anything built from here on.

   If a NEW page wants brand colours as Tailwind utilities, merge rather than
   assign:
     <script>tailwind.config={theme:{extend:{colors:{
       aig:{500:'#3B6FEF',600:'#2563EB',700:'#1D4ED8'},
       // ...that page's own colours alongside
     }}}}</script>
   ========================================================================== */

:root {
  /* Core brand. The blue is unchanged from the outgoing AI BootCamp gradient
     (#2563EB) so the rebrand keeps its visual equity; only the violet end is
     sharpened, from #9333EA to #7C3AED. */
  --aig-brand-50:  #EFF4FE;
  --aig-brand-100: #DBE6FD;
  --aig-brand-500: #3B6FEF;
  --aig-brand-600: #2563EB;
  --aig-brand-700: #1D4ED8;
  --aig-brand-800: #1E40AF;

  --aig-accent-400: #9F6BFF;
  --aig-accent-500: #8B5CF6;
  --aig-accent-600: #7C3AED;

  /* Amber is the existing signal colour — badges, "mest solgte", urgency. */
  --aig-signal-400: #FBBF24;
  --aig-signal-500: #F59E0B;

  /* Neutrals */
  --aig-ink:       #0B1220;
  --aig-ink-2:     #374151;
  --aig-muted:     #6B7280;
  --aig-line:      #E5E7EB;
  --aig-surface:   #FFFFFF;
  --aig-surface-2: #F8FAFC;

  /* Form */
  --aig-radius:    10px;
  --aig-radius-lg: 16px;
  --aig-shadow:    0 1px 2px rgba(11,18,32,.06), 0 8px 24px rgba(11,18,32,.08);

  --aig-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --aig-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --aig-grad-brand: linear-gradient(135deg, var(--aig-brand-600) 0%, var(--aig-accent-600) 100%);
}

/* --- helpers ---------------------------------------------------------------
   These subsume the .grad-primary / .grad-text / .chip block that
   src/Views/da/home.php and ~180 copies each redefine inline. Existing pages
   keep their inline copy; nothing is forced to migrate. */

.aig-grad      { background: var(--aig-grad-brand); }
.aig-grad-text {
  background: var(--aig-grad-brand);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}

.aig-btn {
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .75rem 1.5rem;
  border-radius: var(--aig-radius);
  font-family: var(--aig-font-sans); font-weight: 600;
  background: var(--aig-grad-brand); color: #fff;
  text-decoration: none; border: 0; cursor: pointer;
  transition: opacity .15s ease;
}
.aig-btn:hover { opacity: .92; }

.aig-logo { height: 2.25rem; width: auto; display: block; }