/*
 * Advanced Ai Solutions - Signature Theme
 * All design tokens in one file. Swap this file to re-theme the site.
 *
 * Canonical values mirror the inline :root blocks in /index_waitlist.html
 * and /index_full.html so the refactor is purely additive: every variable
 * that either page consumes today is defined here with the same value.
 *
 * To create a new theme:
 *   1. Copy this file (e.g. to theme-ocean.css).
 *   2. Change only the values - keep every variable name.
 *   3. Swap the <link rel="stylesheet" href="/assets/theme.css?v=1">
 *      reference in the two index_*.html files.
 */

:root {
  /* ===== AAS canonical palette (Advanced Ai Solutions Style Bible v1.0) =====
     THE only palette — every legacy variable below aliases into it. */
  --aas-bg:             #0B1526;
  --aas-card:           #12203A;
  --aas-card-2:         #0F1B31;
  --aas-text:           #E8EDF4;
  --aas-muted:          #9AA9BF;
  --aas-border:         rgba(255,255,255,.10);
  --aas-navy:           #0A2240;
  --aas-navy-2:         #0E2C52;
  --aas-ink:            #111827;
  --aas-slate:          #42526B;
  --aas-mist:           #F4F6F9;
  --aas-paper:          #FFFFFF;
  --aas-accent:         #2E6FD8;
  --aas-accent-hover:   #1F56AE;
  --aas-gold:           #C9A227;
  --aas-line:           #D9DFE8;
  --aas-success:        #1F9D66;
  --aas-warn:           #C9852B;
  --aas-error:          #C0392B;
  --aas-font-heading:   'Inter', 'Montserrat', sans-serif;
  --aas-font-body:      'Inter', 'Open Sans', system-ui, sans-serif;
  --aas-font-mono:      'JetBrains Mono', 'Courier New', monospace;

  /* ===== Brand colors (legacy names, re-pointed at --aas-*) ===== */
  --coral:        var(--aas-accent);        /* primary/CTA/energy */
  --coral-light:  var(--aas-accent);
  --coral-dark:   var(--aas-accent-hover);
  --teal:         var(--aas-accent);        /* secondary/technical/links */
  --teal-dark:    var(--aas-accent-hover);
  --teal-light:   var(--aas-accent);
  --gold:         var(--aas-gold);          /* accent/numbers/highlights */
  --gold-light:   var(--aas-gold);
  --blue:         var(--aas-accent);

  /* ===== Surface colors ===== */
  --bg-dark:      var(--aas-bg);
  --bg-card:      var(--aas-card);
  --bg-alt:       var(--aas-card-2);
  --bg-active:    var(--aas-navy-2);
  --dark:         var(--aas-card);
  --dark-card:    var(--aas-card);
  --dark-lighter: var(--aas-navy-2);

  /* ===== Text ===== */
  --text-primary:   var(--aas-text);
  --text-secondary: var(--aas-text);
  --text-light:     #fff;
  --text-muted:     var(--aas-muted);

  /* ===== Borders & overlays ===== */
  --border:          var(--aas-border);
  --border-soft:     rgba(255,255,255,0.06);  /* additive */
  --border-card:     rgba(255,255,255,0.08);  /* additive */
  --border-emphasis: var(--aas-border);       /* additive, alias of --border */

  /* ===== Typography ===== */
  --font-heading: var(--aas-font-heading);
  --font-body:    var(--aas-font-body);
  --font-mono:    var(--aas-font-mono);

  /* ===== Spacing scale ===== */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;

  /* ===== Radius ===== */
  --radius:       16px;
  --radius-sm:    10px;
  --radius-md:    8px;   /* additive */
  --radius-lg:    24px;
  --radius-xl:    16px;  /* additive, alias of --radius */
  --radius-full:  999px; /* additive */

  /* ===== Shadows ===== */
  --shadow-sm:   0 2px 8px rgba(0,0,0,.2);
  --shadow-md:   0 8px 30px rgba(0,0,0,.3);
  --shadow-lg:   0 20px 60px rgba(0,0,0,.4);
  --shadow-glow: 0 0 40px rgba(46,111,216,.28);
  /* additive semantic aliases */
  --shadow-card:         0 4px 20px rgba(0,0,0,0.3);
  --shadow-elevated:     0 12px 40px rgba(0,0,0,0.5);
  --shadow-brand-coral:  0 8px 24px rgba(46,111,216,0.42);
  --shadow-brand-teal:   0 8px 24px rgba(46,111,216,0.35);
  --shadow-brand-gold:   0 4px 20px rgba(201,162,39,0.30);

  /* ===== Transitions ===== */
  --transition:      0.35s cubic-bezier(.25,.46,.45,.94);
  --transition-fast: 0.15s ease;  /* additive */
  --transition-base: 0.2s ease;   /* additive */
  --transition-slow: 0.4s ease;   /* additive */

  /* ===== Gradients ===== */
  --gradient-coral:      linear-gradient(135deg, var(--coral), var(--coral-light));
  --gradient-teal:       linear-gradient(135deg, var(--teal),  var(--teal-light));
  --gradient-gold:       linear-gradient(135deg, var(--gold),  var(--gold-light));
  --gradient-coral-gold: linear-gradient(135deg, var(--coral), var(--gold));
  --gradient-hero:       linear-gradient(135deg, var(--bg-dark), var(--bg-card));
}

/* Reduced motion override */
@media (prefers-reduced-motion: reduce) {
  :root {
    --transition:      0s;
    --transition-fast: 0s;
    --transition-base: 0s;
    --transition-slow: 0s;
  }
}