/* ──────────────────────────────────────────────────────────────────
   AlloBrain Review : Design Tokens (documentation hub)
   Source : AlloBrain Review Design System (Figma handoff)
   ────────────────────────────────────────────────────────────────── */

@import url("https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600&display=swap");

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("./fonts/PlusJakartaSans-VariableFont_wght.ttf") format("truetype-variations");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url("./fonts/PlusJakartaSans-Italic-VariableFont_wght.ttf") format("truetype-variations");
}

:root {
  /* ── Brand ─────────────────────────────────── */
  --ab-primary:           #9747ff;
  --ab-primary-deep:      #291663;
  --ab-primary-pressed:   #7a36d6;
  --ab-primary-hover-bg:  #f8f0fc;
  --ab-primary-selected:  #e1d4ff;
  --ab-primary-on-pill:   #6930b3;
  --ab-dashed-purple:     #8a38f5;

  /* ── Foreground / text ─────────────────────── */
  --ab-fg:                #171717;
  --ab-fg-muted:          #5c5c5c;
  --ab-fg-subtle:         #727272;
  --ab-fg-faint:          #a3a3a3;
  --ab-fg-on-primary:     #ffffff;

  /* ── Surfaces ──────────────────────────────── */
  --ab-bg:                #ecebef;
  --ab-surface:           #ffffff;
  --ab-surface-sidebar:   #faf8fb;
  --ab-surface-muted:     #f2f2f2;
  --ab-surface-soft:      #f5f3ec;
  --ab-overlay:           rgba(10, 13, 20, 0.45);

  /* ── Borders ───────────────────────────────── */
  --ab-border:            #ebebeb;
  --ab-border-strong:     #d2d2d2;
  --ab-divider:           #ebebeb;

  /* ── Semantic state colors ─────────────────── */
  --ab-positive:          #65ba5c;
  --ab-positive-bg:       #ecf5ec;
  --ab-positive-text:     #145a32;
  --ab-negative:          #f75d7a;
  --ab-warning-bg:        #fdedd8;
  --ab-warning-text:      #8d4d00;
  --ab-destructive:       #dc2626;
  --ab-neutral:           #65889f;
  --ab-warning:           #f97316;
  --ab-info:              #3b82f6;
  --ab-info-bg:           #d4e7ff;

  /* ── Shadows / elevation ───────────────────── */
  --ab-shadow-xs:         0 1px 2px 0 rgba(10, 13, 20, 0.03);
  --ab-shadow-sm:         0 1px 2px 0 rgba(10, 13, 20, 0.15);

  /* ── Radii ─────────────────────────────────── */
  --ab-radius-xs:         4px;
  --ab-radius-sm:         5px;
  --ab-radius-md:         6px;
  --ab-radius-lg:         8px;
  --ab-radius-xl:         10px;
  --ab-radius-2xl:        16px;
  --ab-radius-pill:       999px;

  /* ── Typography ────────────────────────────── */
  --ab-font-sans:         "Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ab-font-mono:         "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --ab-tracking-tight:    -0.006em;
  --ab-tracking-section:  0.030em;
  --ab-tracking-eyebrow:  0.040em;
}