/* ============================================================
   Agentive: Brand Design Tokens
   Source of truth: agentive.au
   Australian English. Drop these variables into any stylesheet.
   ============================================================ */

:root {
  /* --- Core brand --- */
  --ag-blue:      #0066FF; /* Primary. Logo, primary buttons, links, key accents */
  --ag-teal:      #00D4AA; /* Secondary accent. Gradients, highlights, success */
  --ag-mint:      #76FFE4; /* Bright highlight. Glows, small accents on dark */
  --ag-gold:      #C9A227; /* Tertiary. Premium/trust cues, sparingly */
  --ag-gold-2:    #FFD56B; /* Light gold. Hover/glow pair for gold */

  /* --- Ink & navy (dark surfaces + text) --- */
  --ag-navy:      #050914; /* Deepest background */
  --ag-navy-2:    #0A1628; /* Panel / section background (dark) */
  --ag-navy-3:    #111C36; /* Raised panel on dark */
  --ag-ink:       #0B1226; /* Primary body text on light */

  /* --- Neutrals (light surfaces) --- */
  --ag-white:     #FFFFFF;
  --ag-bg-1:      #F4F7FD; /* Page background tint */
  --ag-bg-2:      #EEF3FB; /* Card / section tint */
  --ag-bg-3:      #E7EFFB; /* Deeper tint */
  --ag-border:    #E2E8F0; /* Hairline borders */
  --ag-muted:     #94A3B8; /* Muted / secondary text */
  --ag-fg-muted:  rgba(15, 23, 42, .72); /* Muted text on light */

  /* --- Feedback --- */
  --ag-error:     #EF4444;
  --ag-error-2:   #DC2626;

  /* --- Signature gradient --- */
  --ag-gradient:  linear-gradient(135deg, #0066FF, #00D4AA);
  --ag-gradient-glow: 0 30px 80px -20px rgba(0, 102, 255, .35),
                      0 20px 50px -15px rgba(0, 212, 170, .22);

  /* --- Typography --- */
  --ag-font-display: "Fraunces", Georgia, "Times New Roman", serif; /* Headlines */
  --ag-font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; /* Body + UI */
  --ag-font-mono:    "Fira Code", "SFMono-Regular", Menlo, Consolas, monospace; /* Code / technical */

  /* --- Radius & elevation --- */
  --ag-radius:    14px;
  --ag-radius-sm: 8px;
}