/**
 * ALLSCANTOOL — Enterprise Design Tokens
 * WP-02 — Section 2 of 5 — Enterprise Design System
 *
 * Source basis: production marketing :root (homepage / pricing) + WP-01 inventory.
 * Master Specification v1.12 file was not present in the project tree;
 * tokens extend the locked production palette already in use.
 *
 * Link before page styles. Does not rename IDs or alter JavaScript.
 */

:root {
  /* —— Brand & neutrals —— */
  --ast-color-blue: #1D4ED8;
  --ast-color-blue-hover: #1740B0;
  --ast-color-blue-active: #12358F;
  --ast-color-blue-subtle: #EFF6FF;
  --ast-color-teal: #0D9488;
  --ast-color-teal-hover: #0B756B;
  --ast-color-teal-active: #095F57;
  --ast-color-white: #FFFFFF;
  --ast-color-bg: #FFFFFF;
  --ast-color-bg-alt: #F8FAFC;
  --ast-color-bg-muted: #F1F5F9;
  --ast-color-text: #1E293B;
  --ast-color-text-muted: #64748B;
  --ast-color-text-subtle: #94A3B8;
  --ast-color-border: #E2E8F0;
  --ast-color-border-strong: #CBD5E1;
  --ast-color-footer: #1E293B;
  --ast-color-footer-text: #F1F5F9;
  --ast-color-footer-muted: #94A3B8;

  /* —— Semantic —— */
  --ast-color-success: #065F46;
  --ast-color-success-bg: #D1FAE5;
  --ast-color-success-border: #6EE7B7;
  --ast-color-warning: #92400E;
  --ast-color-warning-bg: #FEF3C7;
  --ast-color-warning-border: #FCD34D;
  --ast-color-error: #DC2626;
  --ast-color-error-bg: #FEE2E2;
  --ast-color-error-border: #FCA5A5;
  --ast-color-info: #1E40AF;
  --ast-color-info-bg: #DBEAFE;
  --ast-color-info-border: #93C5FD;

  /* Legacy alias used in earlier Package 00 */
  --ast-color-danger: var(--ast-color-error);

  /* —— Focus / a11y —— */
  --ast-color-focus-ring: #93C5FD;
  --ast-color-focus-outline: rgba(29, 78, 216, 0.35);

  /* Compatibility aliases matching existing production variable names */
  --blue: var(--ast-color-blue);
  --blue-hover: var(--ast-color-blue-hover);
  --teal: var(--ast-color-teal);
  --teal-hover: var(--ast-color-teal-hover);
  --white: var(--ast-color-white);
  --footer: var(--ast-color-footer);
  --text: var(--ast-color-text);
  --text-muted: var(--ast-color-text-muted);
  --dark: var(--ast-color-text);
  --muted: var(--ast-color-text-muted);
  --border: var(--ast-color-border);
  --bg-alt: var(--ast-color-bg-alt);
  --green: var(--ast-color-success);

  /* —— Typography —— */
  --ast-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ast-font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --ast-font-size-base: 16px;
  --ast-line-height-body: 1.65;
  --ast-line-height-tight: 1.2;
  --ast-line-height-snug: 1.35;
  --ast-font-weight-regular: 400;
  --ast-font-weight-medium: 500;
  --ast-font-weight-semibold: 600;
  --ast-font-weight-bold: 700;
  --ast-font-weight-extrabold: 800;
  --ast-letter-spacing-label: 0.12em;
  --font: var(--ast-font-sans);

  /* Type scale */
  --ast-text-xs: 0.72rem;
  --ast-text-sm: 0.82rem;
  --ast-text-md: 0.93rem;
  --ast-text-base: 1rem;
  --ast-text-lg: 1.05rem;
  --ast-text-xl: 1.15rem;
  --ast-text-2xl: 1.75rem;
  --ast-text-3xl: 1.85rem;
  --ast-text-4xl: 2.2rem;
  --ast-text-5xl: 2.6rem;

  /* Heading roles */
  --ast-h1-size: var(--ast-text-5xl);
  --ast-h2-size: var(--ast-text-4xl);
  --ast-h3-size: var(--ast-text-3xl);
  --ast-h4-size: var(--ast-text-xl);
  --ast-h5-size: var(--ast-text-lg);
  --ast-h6-size: var(--ast-text-base);

  /* —— Spacing (4px base) —— */
  --ast-space-1: 4px;
  --ast-space-2: 8px;
  --ast-space-3: 12px;
  --ast-space-4: 16px;
  --ast-space-5: 20px;
  --ast-space-6: 24px;
  --ast-space-7: 28px;
  --ast-space-8: 32px;
  --ast-space-9: 40px;
  --ast-space-10: 48px;
  --ast-space-11: 56px;
  --ast-space-12: 64px;
  --ast-space-13: 72px;
  --ast-space-14: 80px;
  --ast-space-15: 96px;
  --ast-section-y: 72px;
  --ast-section-y-sm: 48px;

  /* —— Radius —— */
  --ast-radius-sm: 4px;
  --ast-radius-md: 6px;
  --ast-radius-lg: 8px;
  --ast-radius-xl: 10px;
  --ast-radius-2xl: 12px;
  --ast-radius-pill: 999px;
  --radius: var(--ast-radius-md);

  /* —— Enterprise shadows —— */
  --ast-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.06);
  --ast-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
  --ast-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
  --ast-shadow-lg: 0 8px 28px rgba(15, 23, 42, 0.10);
  --ast-shadow-card: 0 8px 32px rgba(29, 78, 216, 0.08);
  --ast-shadow-elevated: 0 8px 40px rgba(0, 0, 0, 0.10);
  --ast-shadow-focus: 0 0 0 3px var(--ast-color-focus-outline);

  /* —— Grid / layout —— */
  --ast-max-width: 1120px;
  --ast-content-narrow: 760px;
  --ast-content-reading: 560px;
  --ast-gutter: 24px;
  --ast-gutter-sm: 20px;
  --ast-grid-gap: 24px;
  --ast-col-count: 12;
  --max-width: var(--ast-max-width);
  --max: var(--ast-max-width);

  /* —— Control sizing —— */
  --ast-touch-min: 44px;
  --ast-control-height: 44px;
  --ast-header-height: 60px;

  /* —— Motion —— */
  --ast-transition-fast: 0.15s ease;
  --ast-transition: 0.18s ease;

  /* —— Responsive breakpoints (reference; use in @media) —— */
  --ast-bp-mobile: 480px;
  --ast-bp-tablet: 768px;
  --ast-bp-desktop: 1024px;
  --ast-bp-wide: 1280px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ast-transition-fast: 0.01ms;
    --ast-transition: 0.01ms;
  }
}