/*
 * AgentUnicorn.AI brand tokens, shared by the demo, console and landing
 * pages. Values are the hex equivalents of the agentunicorn.ai oklch tokens.
 */
:root {
  --au-background: #040817;
  --au-surface: #080f1f;
  --au-card: #0a1121;
  --au-elevated: #101828;
  --au-muted: #141a29;
  --au-border: rgba(255, 255, 255, 0.08);
  --au-border-strong: rgba(255, 255, 255, 0.14);
  --au-foreground: #f8fafd;
  --au-muted-foreground: #9ca5b5;
  --au-primary: #4490fe;
  --au-glow: #9e71fd;
  --au-gradient: linear-gradient(135deg, var(--au-primary) 0%, var(--au-glow) 100%);
  --au-hero: radial-gradient(circle at 20% 0%, rgba(68, 144, 254, 0.22) 0%, transparent 55%),
             radial-gradient(circle at 90% 30%, rgba(158, 113, 253, 0.18) 0%, transparent 60%);
  --au-radius: 12px;
  --au-font: 'Inter Variable', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --au-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
}

body.au-page {
  font-family: var(--au-font);
  background: var(--au-hero), var(--au-background);
  background-attachment: fixed;
  color: var(--au-foreground);
  -webkit-font-smoothing: antialiased;
}

.au-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--au-foreground);
  text-decoration: none;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.au-brand img { width: 34px; height: 34px; object-fit: contain; }

.au-brand b {
  font-weight: 600;
  background: var(--au-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.au-card {
  background: linear-gradient(180deg, rgba(16, 24, 40, 0.72), rgba(10, 17, 33, 0.88));
  border: 1px solid var(--au-border);
  border-radius: 16px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 20px 50px -30px rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(12px);
}