/* AI Business Lab — tokens CSS, initial implementation values */
:root {
  --abl-white: #FFFFFF;
  --abl-ink: #171717;
  --abl-inverse: #111111;
  --abl-text-secondary: #555555;
  --abl-border: #D8D8D8;
  --abl-surface-muted: #F5F5F4;
  --abl-orange: #FF7518;
  --abl-orange-action: #C24D00;
  --abl-purple: #6A00AD; /* provisional */
  --abl-radius: 0px;
  --abl-radius-max-technical: 2px;
  --abl-width-max: 1440px;
  --abl-gutter: clamp(20px, 4vw, 72px);
  --abl-grid-gap: 24px;
  --abl-motion-reveal: 450ms;
  --abl-motion-ambient: 12000ms;
  --abl-font-display: "Space Grotesk", "Arial", sans-serif; /* placeholder */
  --abl-font-body: "Inter", "Arial", sans-serif; /* placeholder */
  --abl-font-meta: "IBM Plex Mono", monospace; /* placeholder */
}
/* Squared UI is a non-negotiable design constraint. */
.abl-button, .abl-card, .abl-input, .abl-panel { border-radius: var(--abl-radius); clip-path: none; }
.abl-button { min-height: 44px; }
.abl-button:focus-visible { outline: 3px solid var(--abl-ink); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .abl-motion { animation: none !important; transition: none !important; }
}