/* TravelB2B design tokens + Bootstrap 5 theme overrides.
   Bootstrap provides components; this file preserves TravelB2B visual identity. */

:root {
    /* Spec tokens */
    --tb-primary: var(--ui-accent, #c58f38);
    --tb-primary-hover: var(--ui-accent-hover, color-mix(in srgb, var(--ui-accent, #c58f38) 86%, #000));
    --tb-text: #0f172a;
    --tb-muted: #64748b;
    --tb-background: var(--ui-page-bg, #f4f5f7);
    --tb-surface: #ffffff;
    --tb-border: var(--ui-line, #e2e8f0);
    --tb-radius-sm: 6px;
    --tb-radius-md: 8px;
    --tb-sidebar-width: 232px;

    /* Legacy aliases used throughout app.css */
    --app-sidebar-width: var(--tb-sidebar-width);
    --app-sidebar-collapsed: 64px;
    --app-topbar-height: 56px;
    --app-page-pad: 1rem;
    --app-touch: 44px;
    --app-control-h: 2.75rem;
    --app-safe-bottom: env(safe-area-inset-bottom, 0px);
    --radius-sm: var(--tb-radius-sm);
    --radius-md: var(--tb-radius-md);
    --radius-lg: 10px;
    --shadow-sm: 0 1px 2px rgb(15 23 42 / 0.06);
    --ink: var(--tb-text);
    --ink-muted: #475569;
    --ink-faint: var(--tb-muted);
    --line: var(--tb-border);
    --line-strong: #cbd5e1;
    --surface: var(--tb-surface);
    --page: var(--tb-background);
    --focus: color-mix(in srgb, var(--tb-primary) 55%, #0f172a);
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-snap: cubic-bezier(0.2, 0.8, 0.2, 1);
    --motion-fast: 140ms;
    --motion: 220ms;
    --motion-drawer: 280ms;
    --motion-sheet: 320ms;

    /* Bootstrap theme bridge */
    --bs-body-color: var(--tb-text);
    --bs-body-bg: var(--tb-background);
    --bs-border-color: var(--tb-border);
    --bs-border-radius: var(--tb-radius-md);
    --bs-border-radius-sm: var(--tb-radius-sm);
    --bs-border-radius-lg: var(--radius-lg);
    --bs-primary: var(--tb-primary);
    --bs-primary-rgb: 197, 143, 56;
    --bs-link-color: var(--ui-link, #0f2f28);
    --bs-link-hover-color: var(--ui-primary, #173f35);
    --bs-focus-ring-color: color-mix(in srgb, var(--tb-primary) 35%, transparent);
}