/* PeopleTrak AIR design tokens
   Source of truth for color, type, space, radius, and elevation. */

:root {
    /* Brand */
    --air-blue: #165be4;
    --air-blue-hover: #124fc8;
    --air-blue-pressed: #0d43ae;
    --air-blue-soft: #eef4ff;
    --air-blue-pale: #f6f9ff;

    /* Neutrals */
    --air-bg: #f8f9fb;
    --air-surface: #ffffff;
    --air-surface-secondary: #fafbfc;
    --air-surface-subtle: #f4f6f8;
    --air-text: #172033;
    --air-text-secondary: #5f6b7a;
    --air-text-muted: #8a94a3;
    --air-border: #e4e8ee;
    --air-border-strong: #d5dae2;
    --air-input-border: #dde2e8;
    --air-divider: #edf0f3;

    /* Semantic */
    --air-success: #16b364;
    --air-success-bg: #ecfdf3;
    --air-warning: #f59e0b;
    --air-warning-bg: #fffbeb;
    --air-error: #e5484d;
    --air-error-bg: #fff1f1;
    --air-info: #165be4;
    --air-info-bg: #eef4ff;

    /* Icons */
    --air-icon: #667085;
    --air-icon-active: #165be4;

    /* Typography */
    --air-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --air-title-size: 24px;
    --air-title-line: 32px;
    --air-title-weight: 650;
    --air-section-size: 15px;
    --air-section-line: 22px;
    --air-section-weight: 600;
    --air-name-size: 18px;
    --air-name-line: 26px;
    --air-name-weight: 650;
    --air-body-size: 14px;
    --air-body-line: 21px;
    --air-label-size: 12px;
    --air-label-line: 18px;
    --air-label-weight: 500;
    --air-helper-size: 12px;
    --air-helper-line: 18px;

    /* Space (8px grid) */
    --air-space-4: 4px;
    --air-space-8: 8px;
    --air-space-12: 12px;
    --air-space-16: 16px;
    --air-space-24: 24px;
    --air-space-32: 32px;
    --air-space-40: 40px;
    --air-space-48: 48px;

    /* Radius */
    --air-radius-control: 7px;
    --air-radius-card: 10px;
    --air-radius-summary: 12px;
    --air-radius-pill: 999px;

    /* Elevation */
    --air-shadow-card: none;
    --air-shadow-elevated: 0 4px 12px rgba(16, 24, 40, 0.06);

    /* Shell */
    --air-sidebar-width: 224px;
    --air-sidebar-collapsed: 72px;
    --air-header-height: 62px;
    --air-brand-height: 88px;
    --air-workspace-max: 1220px;
    --air-field-date: 176px;
    --air-field-state: 140px;
    --air-field-zip: 140px;
    --air-field-status: 240px;
    --air-field-employment: 260px;
    --air-field-code: 220px;
    --air-field-name: 240px;
    --air-field-phone: 220px;
    --air-field-email: 340px;
    --air-field-short: 200px;
    --air-field-money: 160px;
    --air-focus: 0 0 0 3px rgba(22, 91, 228, 0.18);

    /* Backward-compatible Velzon aliases */
    --vz-primary: var(--air-blue);
    --vz-primary-dark: var(--air-blue-hover);
    --vz-sidebar-width: var(--air-sidebar-width);
    --vz-header-height: var(--air-header-height);
    --vz-body-bg: var(--air-bg);
    --vz-border: var(--air-border);
    --vz-card-bg: var(--air-surface);
    --vz-card-radius: var(--air-radius-card);
    --vz-card-shadow: var(--air-shadow-card);
    --vz-muted: var(--air-text-muted);
    --vz-text: var(--air-text);
}