/*
 * AvixShip design tokens — DESIGN.md §6.1 / §6.2 / §6.3.
 *
 * Preserves the existing gold/cream/white palette (FR-UI002) and maps it onto an Apple-HIG-flavored
 * type/spacing/elevation system (FR-UI001). Imported alongside Bootstrap; the :root block below also
 * overrides Bootstrap's CSS variables so existing .btn-primary / .text-primary / etc. pick up the brand.
 *
 * Phase 2 baseline: this file is published but not yet imported globally — see PROGRESS.md.
 * Per-page integration happens during the per-page visual refresh.
 */

:root {
    /* --- BRAND (gold scale) — preserved from existing admin palette --- */
    --ax-gold-900: #7A5C00;
    --ax-gold-700: #A67C00;
    --ax-gold-500: #BFA46F;
    --ax-gold-300: #E8D3A9;
    --ax-gold-200: #F5EDD6;
    --ax-gold-100: #FBF6E8;

    /* --- NEUTRAL --- */
    --ax-surface: #FFFFFF;
    --ax-surface-2: #FAFAFA;
    --ax-surface-3: #F5F5F5;
    --ax-border: #E0E0E0;
    --ax-text-1: #1D1D1F;
    --ax-text-2: #424245;
    --ax-text-3: #6E6E73;
    --ax-text-on-brand: #FFFFFF;

    /* --- STATUS --- */
    --ax-success-700: #1E6B2A;
    --ax-success-300: #68B16F;
    --ax-success-100: #DDF4E0;
    --ax-warning-700: #856404;
    --ax-warning-300: #FFC107;
    --ax-warning-100: #FFF3CD;
    --ax-danger-700: #C62828;
    --ax-danger-500: #D32F2F;
    --ax-danger-100: #FFEBEE;

    /* --- CARRIER BADGES (DESIGN §4.1.3) --- */
    --ax-carrier-speede-bg: #2C3E50;
    --ax-carrier-speede-fg: #FFFFFF;
    --ax-carrier-usps-bg: #004B87;
    --ax-carrier-usps-fg: #FFFFFF;

    /* --- SOURCE BADGES (DESIGN §6.1) --- */
    --ax-source-shipstation-bg: #0E7C7B;
    --ax-source-shipstation-fg: #FFFFFF;
    --ax-source-printnode-bg: #5E4B8B;
    --ax-source-printnode-fg: #FFFFFF;
    --ax-source-email-bg: var(--ax-gold-200);
    --ax-source-email-fg: var(--ax-gold-900);

    /* --- ELEVATION --- */
    --ax-shadow-1: 0 1px 2px rgba(15, 17, 21, 0.04), 0 1px 3px rgba(15, 17, 21, 0.06);
    --ax-shadow-2: 0 4px 8px rgba(15, 17, 21, 0.06), 0 2px 4px rgba(15, 17, 21, 0.08);
    --ax-shadow-3: 0 12px 24px rgba(15, 17, 21, 0.08), 0 4px 8px rgba(15, 17, 21, 0.10);
    --ax-shadow-brand-1: 0 2px 4px rgba(166, 124, 0, 0.15);
    --ax-shadow-brand-2: 0 4px 12px rgba(166, 124, 0, 0.20);
    --ax-shadow-brand-3: 0 8px 16px rgba(166, 124, 0, 0.20);

    /* --- RADIUS --- */
    --ax-radius-sm: 6px;
    --ax-radius-md: 8px;
    --ax-radius-lg: 12px;
    --ax-radius-pill: 9999px;

    /* --- MOTION --- */
    --ax-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ax-ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
    --ax-dur-fast: 150ms;
    --ax-dur-base: 250ms;
    --ax-dur-slow: 350ms;

    /* --- FOCUS RING --- */
    --ax-focus-ring: 0 0 0 3px rgba(166, 124, 0, 0.30);

    /* --- TYPOGRAPHY --- */
    --ax-font-stack: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Segoe UI', system-ui, sans-serif;
    --ax-font-mono: 'SF Mono', SFMono-Regular, Menlo, Monaco, Consolas, monospace;

    --ax-text-display: 2.5rem;
    --ax-text-h2: 2rem;
    --ax-text-h3: 1.5rem;
    --ax-text-h4: 1.25rem;
    --ax-text-body: 1rem;
    --ax-text-sm: 0.875rem;
    --ax-text-xs: 0.75rem;

    --ax-lh-tight: 1.2;
    --ax-lh-base: 1.5;
    --ax-lh-relaxed: 1.65;

    --ax-fw-regular: 400;
    --ax-fw-medium: 500;
    --ax-fw-semibold: 600;
    --ax-fw-bold: 700;

    /* --- SPACING --- */
    --ax-space-1: 4px;
    --ax-space-2: 8px;
    --ax-space-3: 12px;
    --ax-space-4: 16px;
    --ax-space-5: 20px;
    --ax-space-6: 24px;
    --ax-space-8: 32px;
    --ax-space-10: 40px;
    --ax-space-12: 48px;
    --ax-space-16: 64px;

    /* --- BOOTSTRAP OVERRIDES (DESIGN.md §6.1) --- */
    --bs-primary: var(--ax-gold-700);
    --bs-primary-rgb: 166, 124, 0;
    --bs-warning: var(--ax-warning-300);
    --bs-danger: var(--ax-danger-500);
    --bs-success: var(--ax-success-300);
    --bs-body-color: var(--ax-text-1);
    --bs-body-bg: var(--ax-surface);
    --bs-border-color: var(--ax-border);
    --bs-border-radius: var(--ax-radius-md);
    --bs-border-radius-lg: var(--ax-radius-lg);
    --bs-border-radius-pill: var(--ax-radius-pill);
}

/* DESIGN §8.5 — visible focus ring on every focusable surface; replaces the browser default. */
:focus-visible {
    outline: none;
    box-shadow: var(--ax-focus-ring);
}