/* Arjuna Badger Press — SaaS design tokens (Studio)
 * Purple accent from the /sleep skill callout on technology.html — juxtaposed with the
 * press site's warm black + ochre/gold. Import once; reference variables in components. */

:root {
  /* ── Purple accent (/sleep violet) ─────────────────────────── */
  --saas-violet:        #A78BFA;
  --saas-violet-deep:   #7C5CFF;
  --saas-violet-bright: #C4B5FD;
  --saas-violet-glow:   rgba(124, 92, 255, 0.16);
  --saas-violet-ring:   rgba(167, 139, 250, 0.45);

  /* ── Surfaces (cool indigo-black, not press warm black) ────── */
  --saas-bg:            #0E0B14;
  --saas-bg-raised:     #16121F;
  --saas-bg-card:       #1A1524;
  --saas-bg-input:      #120E1A;
  --saas-border:        #2A2438;
  --saas-border-soft:   #342D48;

  /* ── Text ──────────────────────────────────────────────────── */
  --saas-text:          #EDE9F5;
  --saas-text-muted:    #9B93B0;
  --saas-text-faint:    #6B6380;

  /* ── Semantic ──────────────────────────────────────────────── */
  --saas-accent:        var(--saas-violet);
  --saas-accent-deep:   var(--saas-violet-deep);
  --saas-accent-hover:  var(--saas-violet-bright);
  --saas-link:          var(--saas-violet);
  --saas-link-hover:    var(--saas-violet-bright);
  --saas-focus:         var(--saas-violet-bright);
  --saas-success:       #86EFAC;
  --saas-error:         #FCA5A5;

  /* Press gold — sparing bridge accent when SaaS meets library */
  --saas-gold-hint:     #E5B567;

  /* ── Legacy aliases (--pp-*) for existing SaaS pages ───────── */
  --pp-cyan:            var(--saas-violet);
  --pp-cyan-bright:     var(--saas-violet-bright);
  --pp-ink:             var(--saas-bg);
  --pp-carbon:          var(--saas-bg-card);
  --pp-silver:          var(--saas-text);
  --pp-slate:           var(--saas-text-faint);
  --pp-steel-700:       var(--saas-border);
  --pp-steel-600:       var(--saas-border-soft);
  --pp-steel-400:       var(--saas-text-muted);
  --pp-white:           #FFFFFF;
  --pp-bg:              var(--saas-bg);
  --pp-bg-raised:       var(--saas-bg-raised);
  --pp-text:            var(--saas-text);
  --pp-text-muted:      var(--saas-text-muted);
  --pp-link:            var(--saas-link);
  --pp-link-hover:      var(--saas-link-hover);
  --pp-border:          var(--saas-border);
  --pp-focus-ring:      var(--saas-focus);
  --pp-accent:          var(--saas-accent);

  /* ── Typography ────────────────────────────────────────────── */
  --saas-font-display:  "Space Grotesk", Inter, system-ui, sans-serif;
  --saas-font-body:     Inter, system-ui, -apple-system, sans-serif;
  --saas-font-reading:  "Atkinson Hyperlegible", system-ui, sans-serif;
  --saas-font-mono:     "JetBrains Mono", ui-monospace, monospace;

  --pp-font-display:    var(--saas-font-display);
  --pp-font-heading:    var(--saas-font-display);
  --pp-font-body:       var(--saas-font-body);
  --pp-font-reading:    var(--saas-font-reading);
  --pp-font-mono:       var(--saas-font-mono);

  --saas-text-xs:   0.75rem;
  --saas-text-sm:   0.875rem;
  --saas-text-base: 1rem;
  --saas-text-lg:   1.125rem;
  --saas-text-xl:   1.375rem;
  --saas-text-2xl:  1.75rem;
  --saas-text-3xl:  2.25rem;

  --saas-track-eyebrow: 0.14em;
  --saas-radius:        12px;
  --saas-radius-sm:     10px;
  --saas-glow:            0 0 24px var(--saas-violet-glow);
  --pp-glow-cyan:         var(--saas-glow);
  --pp-radius:            var(--saas-radius);

  /* ── Studio logo assets (violet recolor — see brand/build_saas_assets.py) ── */
  --saas-mark-url:        url("/assets/brand/mark-saas.png");
  --saas-logo-url:        url("/assets/brand/logo-saas.png");
  --saas-mark-src:        /assets/brand/mark-saas.png;
  --saas-logo-src:        /assets/brand/logo-saas.png;
  --saas-favicon-32:      /assets/brand/favicon-saas-32.png;
  --saas-favicon-180:     /assets/brand/favicon-saas-180.png;
}