/*
 * tubizy.ai - 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 {
  /* ===== Brand colors (AAS light palette — flipped 2026-08-21) =====
     Names kept, values re-pointed at the Advanced Ai Solutions set so the
     marketing site matches advancedintelligentsolutions.com. Pre-flip
     industrial values are in theme.css.bak_aas_20260821-064858.
     ⚠️ index_full.htm carries a DUPLICATE inline :root that loads after this
     file and therefore WINS — it was flipped to identical values in the same
     pass. Change both or neither. */
  --coral:        #2E6FD8;  /* safety orange — primary/CTA/energy */
  --coral-light:  #4C86E4;
  --coral-dark:   #1F56AE;
  --teal:         #2E6FD8;  /* steel blue — secondary/technical/links */
  --teal-dark:    #1F56AE;
  --teal-light:   #7FA8EA;
  --gold:         #FFD400;
  /* signage action colours — see style.css for the rationale */
  --sig-yellow:   #FFD400;
  --sig-green:    #00D26A;
  --sig-orange:   #FF7A00;
  --sig-red:      #E02B1D;
  --sig-ink:      #111111;  /* molten amber — accent/numbers/highlights */
  --gold-light:   #FFE566;
  --blue:         #2E6FD8;

  /* ===== Surface colors (gunmetal) ===== */
  --bg-dark:      #F4F6F9;
  --bg-card:      #FFFFFF;
  --bg-alt:       #EDF1F6;
  --bg-active:    #E3E9F2;
  --dark:         #FFFFFF;
  --dark-card:    #FFFFFF;
  --dark-lighter: #EDF1F7;

  /* ===== Text ===== */
  --text-primary:   #111827;
  --text-secondary: #42526B;
  --text-light:     #0A2240;
  --text-muted:     #42526B;

  /* ===== Borders & overlays ===== */
  --border:          #D9DFE8;
  --border-soft:     rgba(16,24,40,0.06);  /* additive */
  --border-card:     rgba(16,24,40,0.08);  /* additive */
  --border-emphasis: #D9DFE8;   /* additive, alias of --border */

  /* ===== Typography ===== */
  --font-heading: 'Montserrat', sans-serif;
  --font-body:    'Open Sans', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* ===== 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(16,24,40,.06);
  --shadow-md:   0 8px 30px rgba(16,24,40,.10);
  --shadow-lg:   0 20px 60px rgba(16,24,40,.14);
  --shadow-glow: 0 0 40px rgba(46,111,216,.18);
  /* additive semantic aliases */
  --shadow-card:         0 4px 20px rgba(16,24,40,0.10);
  --shadow-elevated:     0 12px 40px rgba(16,24,40,0.14);
  --shadow-brand-coral:  0 8px 24px rgba(46,111,216,0.25);
  --shadow-brand-teal:   0 8px 24px rgba(46,111,216,0.22);
  --shadow-brand-gold:   0 4px 20px rgba(255,212,0,0.25);

  /* ===== 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;
  }
}