/* DT GLOBAL DESIGN TOKENS - Version 1.0 */
:root {
  --dt-space-2: 0.5rem; --dt-space-3: 0.75rem; --dt-space-4: 1rem;
  --dt-space-5: 1.25rem; --dt-space-6: 1.5rem; --dt-space-8: 2rem;
  --dt-gap-xs: var(--dt-space-2); --dt-gap-sm: var(--dt-space-3);
  --dt-gap-md: var(--dt-space-4); --dt-gap-lg: var(--dt-space-5);
  --dt-gap-xl: var(--dt-space-6); --dt-gap-2xl: var(--dt-space-8);
  --dt-radius-sm: 0.5rem; --dt-radius-md: 0.75rem; --dt-radius-lg: 1rem;
  --dt-radius-xl: 1.25rem; --dt-radius-pill: 999px;
  --dt-brand-red: #c81e1e; --dt-brand-orange: #f97316;
  --dt-gradient-brand: linear-gradient(135deg, #c81e1e, #f97316, #fb923c);
  --dt-surface-white: #ffffff; --dt-surface-50: #f9fafb; --dt-surface-100: #f3f4f6;
  --dt-border-base: #e5e7eb; --dt-border-medium: #d1d5db; --dt-border-strong: #9ca3af;
  --dt-text-primary: #0f172a; --dt-text-secondary: #1e293b;
  --dt-text-muted: #64748b; --dt-text-placeholder: #94a3b8;
  --dt-hover-overlay: #fff7e6; --dt-selected-overlay: #fff0d1;
  --dt-shadow-xs: 0 1px 2px rgba(15,23,42,0.04);
  --dt-shadow-sm: 0 2px 4px rgba(15,23,42,0.06);
  --dt-shadow-md: 0 4px 8px rgba(15,23,42,0.08);
  --dt-shadow-lg: 0 8px 16px rgba(15,23,42,0.10);
  --dt-shadow-xl: 0 12px 24px rgba(15,23,42,0.12);
  --dt-shadow-focus-brand: 0 0 0 3px rgba(249,115,22,0.25), 0 4px 12px rgba(15,23,42,0.08);
  --dt-text-xs: 0.75rem; --dt-text-sm: 0.875rem; --dt-text-base: 1rem; --dt-text-lg: 1.125rem;
  --dt-font-normal: 400; --dt-font-medium: 500; --dt-font-semibold: 600;
  --dt-font-bold: 700; --dt-font-black: 900;
  --dt-transition-fast: 120ms ease; --dt-transition-base: 180ms ease;
  --dt-top-gap: 12px; --dt-card-padding: 1.5rem 1.75rem 2rem;
  --dt-card-padding-mobile: 1.25rem 1rem 1.75rem;
  --dt-input-height: 2.5rem; --dt-btn-height: 2.5rem;
  --dt-pagination-btn-size: 2.25rem; --dt-pagination-btn-size-mobile: 2rem;
}
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; overflow-x: hidden; }