/* /MAINT/lib/css/tokens.css — Phase 16.A design tokens
 *
 * Single source of truth for colors, spacing, typography, shadows, radii.
 * Imported by chrome-modern.php; legacy chrome ignores it.
 *
 * Light-only (2026-06-22): dark mode + auto detection removed per owner request.
 */

:root {
  /* Brand */
  --ap-color-brand: #be0707;
  --ap-color-brand-hover: #9a0606;
  --ap-color-brand-pressed: #7a0505;

  /* Surfaces */
  --ap-color-bg: #f7f7f8;
  --ap-color-card: #ffffff;
  --ap-color-card-hover: #fafafa;
  --ap-color-border: #e4e4e7;
  --ap-color-border-strong: #d4d4d8;

  /* Text */
  --ap-color-text: #18181b;
  --ap-color-text-muted: #71717a;
  --ap-color-text-subtle: #a1a1aa;
  --ap-color-text-inverse: #ffffff;

  /* Semantic */
  --ap-color-success: #16a34a;
  --ap-color-success-bg: #dcfce7;
  --ap-color-warning: #ea580c;
  --ap-color-warning-bg: #ffedd5;
  --ap-color-danger: #dc2626;
  --ap-color-danger-bg: #fee2e2;
  --ap-color-info: #0284c7;
  --ap-color-info-bg: #e0f2fe;
  --ap-color-neutral-bg: #f1f1f1;

  /* Category accents */
  --ap-cat-plumbing-bg: #dbeafe;   --ap-cat-plumbing-fg: #1e40af;
  --ap-cat-electrical-bg: #fef3c7; --ap-cat-electrical-fg: #92400e;
  --ap-cat-appliance-bg: #ede9fe;  --ap-cat-appliance-fg: #5b21b6;
  --ap-cat-it-bg: #cffafe;         --ap-cat-it-fg: #155e75;
  --ap-cat-pest-bg: #fce7f3;       --ap-cat-pest-fg: #9d174d;
  --ap-cat-hvac-bg: #cffafe;       --ap-cat-hvac-fg: #155e75;
  --ap-cat-structural-bg: #fed7aa; --ap-cat-structural-fg: #9a3412;
  --ap-cat-other-bg: #f1f1f1;      --ap-cat-other-fg: #71717a;

  /* Radii */
  --ap-radius-sm: 6px;
  --ap-radius-md: 12px;
  --ap-radius-lg: 18px;
  --ap-radius-full: 9999px;

  /* Spacing (4px grid) */
  --ap-space-1: 4px;
  --ap-space-2: 8px;
  --ap-space-3: 12px;
  --ap-space-4: 16px;
  --ap-space-5: 20px;
  --ap-space-6: 24px;
  --ap-space-7: 32px;
  --ap-space-8: 40px;

  /* Shadows */
  --ap-shadow-sm: 0 1px 2px rgba(0,0,0,.04);
  --ap-shadow-md: 0 4px 12px rgba(0,0,0,.06);
  --ap-shadow-lg: 0 12px 28px rgba(0,0,0,.08);
  --ap-shadow-xl: 0 24px 48px rgba(0,0,0,.12);

  /* Typography */
  --ap-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ap-font-size-xs: 11px;
  --ap-font-size-sm: 13px;
  --ap-font-size-base: 14px;
  --ap-font-size-lg: 16px;
  --ap-font-size-xl: 20px;
  --ap-font-size-2xl: 24px;
  --ap-font-size-3xl: 32px;

  /* Tap targets */
  --ap-tap-min: 44px;
}

/* Light-only (2026-06-22): dark-mode auto-detect block + body.dark-mode
   override + body.light-mode rule removed per owner request. The app now
   renders the light token palette regardless of OS prefers-color-scheme. */