/* Barbato Labs — Color Tokens v0.1
 *
 * Source of truth for brand colors. Consumed by site/, future Astro pages,
 * and product repos (mcpsec, secjobs) via npm package or symlink.
 */

:root {
  /* Brand palette */
  --bl-brand-primary:   #6B10EB;  /* primary purple — text, borders, gradient start */
  --bl-brand-secondary: #b94aff;  /* secondary purple — gradient end, accents */
  --bl-brand-accent:    #c084fc;  /* tertiary highlight — active states */
  --bl-brand-deep:      #3d0d99;  /* deep purple — gradient origin in headers */

  /* Brand gradient */
  --bl-gradient-primary: linear-gradient(
    135deg,
    var(--bl-brand-deep) 0%,
    var(--bl-brand-primary) 55%,
    var(--bl-brand-secondary) 100%
  );

  /* Wordmark gradient — horizontal left-to-right (IMP-010: text clip for brand stat) */
  --bl-gradient-wm: linear-gradient(
    90deg,
    var(--bl-brand-primary) 0%,
    var(--bl-brand-secondary) 100%
  );

  /* Neutral palette (dark theme primary) */
  --bl-bg-primary:   #0a0a0a;   /* page background */
  --bl-bg-elevated: #141414;   /* card / surface */
  --bl-bg-overlay:  #1c1c1c;   /* modal / dropdown */
  /* Vitrine surface (marketing/landing — atmospheric tint over neutral primary).
     Use for vitrine sites. Product dashboards stay on --bl-bg-primary (neutral). */
  --bl-bg-vitrine:  #0a0a14;

  --bl-text-primary:   #f5f5f5;
  --bl-text-secondary: #a0a0a0;
  --bl-text-muted:     #6b6b6b;

  --bl-border-subtle: rgba(255, 255, 255, 0.08);
  --bl-border-strong: rgba(255, 255, 255, 0.16);

  /* Semantic colors */
  --bl-status-ok:    #10b981;  /* green-500 */
  --bl-status-warn:  #f59e0b;  /* amber-500 */
  --bl-status-fail:  #ef4444;  /* red-500 */
  --bl-status-info:  #3b82f6;  /* blue-500 */

  /* Semantic fg+bg pairs — dark defaults (tints over dark surface) */
  --bl-status-ok-bg:    rgba(16, 185, 129, 0.12);
  --bl-status-ok-fg:    #34d399;
  --bl-status-warn-bg:  rgba(245, 158, 11, 0.12);
  --bl-status-warn-fg:  #fbbf24;
  --bl-status-fail-bg:  rgba(239, 68, 68, 0.12);
  --bl-status-fail-fg:  #f87171;
  --bl-status-info-bg:  rgba(59, 130, 246, 0.12);
  --bl-status-info-fg:  #60a5fa;

  /* Shadows — off in dark, real in light (set in themes/light.css) */
  --bl-shadow-sm: none;
  --bl-shadow-md: none;
  --bl-shadow-lg: none;

  /* Link colors — dark defaults */
  --bl-link:       var(--bl-brand-accent);
  --bl-link-hover: var(--bl-brand-secondary);
}