/*
 * iTexxia App V2 design tokens.
 *
 * These variables generalize the visual language introduced by Index2 without
 * coupling ordinary application views to the dashboard-preview implementation.
 */
:root {
    --itx-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --itx-font-display: Manrope, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --itx-brand: var(--brand-primary, #2563eb);
    --itx-brand-rgb: var(--brand-primary-rgb, 37, 99, 235);
    --itx-accent: var(--brand-accent, #06b6d4);
    --itx-accent-rgb: var(--brand-accent-rgb, 6, 182, 212);

    --itx-canvas: #f4f7fb;
    --itx-canvas-deep: #edf2f8;
    --itx-surface: #ffffff;
    --itx-surface-raised: rgba(255, 255, 255, .96);
    --itx-surface-soft: #f8fafc;
    --itx-surface-muted: #f1f5f9;
    --itx-ink: #0f172a;
    --itx-body: #334155;
    --itx-muted: #64748b;
    --itx-faint: #94a3b8;
    --itx-border: #e2e8f0;
    --itx-border-strong: #cbd5e1;

    --itx-success: #059669;
    --itx-success-rgb: 5, 150, 105;
    --itx-warning: #d97706;
    --itx-warning-rgb: 217, 119, 6;
    --itx-danger: #dc2626;
    --itx-danger-rgb: 220, 38, 38;
    --itx-info: #0284c7;
    --itx-info-rgb: 2, 132, 199;

    --itx-radius-xs: 8px;
    --itx-radius-sm: 10px;
    --itx-radius: 14px;
    --itx-radius-lg: 18px;
    --itx-radius-xl: 24px;
    --itx-radius-pill: 999px;

    --itx-shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);
    --itx-shadow-card: 0 14px 34px -26px rgba(15, 23, 42, .42);
    --itx-shadow-raised: 0 24px 58px -32px rgba(15, 23, 42, .52);
    --itx-shadow-focus: 0 0 0 4px rgba(var(--itx-brand-rgb), .14);

    --itx-control-height: 44px;
    --itx-control-height-sm: 36px;
    --itx-page-gutter: clamp(1rem, 2vw, 1.75rem);
    --itx-section-gap: clamp(1rem, 1.8vw, 1.5rem);
    --itx-content-max: 1600px;
    --itx-ease: cubic-bezier(.22, 1, .36, 1);
}

html[data-bs-theme="dark"] {
    --itx-canvas: #080d17;
    --itx-canvas-deep: #050910;
    --itx-surface: #101827;
    --itx-surface-raised: rgba(16, 24, 39, .97);
    --itx-surface-soft: #121d2e;
    --itx-surface-muted: #172235;
    --itx-ink: #f1f5f9;
    --itx-body: #cbd5e1;
    --itx-muted: #94a3b8;
    --itx-faint: #64748b;
    --itx-border: #233149;
    --itx-border-strong: #334155;
    --itx-shadow-xs: 0 1px 2px rgba(0, 0, 0, .26);
    --itx-shadow-card: 0 18px 42px -25px rgba(0, 0, 0, .78);
    --itx-shadow-raised: 0 28px 66px -30px rgba(0, 0, 0, .86);
}