/**
 * Typography – UX Pro Max: Minimal Swiss (dashboards, admin, SaaS).
 * Single font (Inter), clear hierarchy, weight 400–700.
 * Ref: typography.csv "Minimal Swiss", styles.csv "Minimalism & Swiss Style".
 */

@theme {
    --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
    --font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;

    --text-xs: 0.75rem;    /* 12px */
    --text-sm: 0.875rem;   /* 14px */
    --text-base: 1rem;     /* 16px */
    --text-lg: 1.125rem;   /* 18px */
    --text-xl: 1.25rem;    /* 20px */
    --text-2xl: 1.5rem;    /* 24px */
    --text-3xl: 1.875rem;  /* 30px */
}

[data-font-family="default"] {
    --font-sans: "Inter", sans-serif;
}
[data-font-family="inter"] {
    --font-sans: "Inter", sans-serif;
}
[data-font-family="dm-sans"] {
    --font-sans: "DM Sans", sans-serif;
}
[data-font-family="wix"] {
    --font-sans: "Wix Madefor Text", sans-serif;
}
[data-font-family="inclusive"] {
    --font-sans: "Inclusive Sans", sans-serif;
}
[data-font-family="ar-one"] {
    --font-sans: "AR One Sans", sans-serif;
}

/* Body: readable line height and size (UX: 16px+, line-height 1.5–1.6) */
body {
    font-family: var(--font-sans);
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

strong {
    font-weight: 600;
}

/* Page title (main content h1): clear hierarchy, not too heavy */
.page-title {
    font-family: var(--font-sans);
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1.25;
}

.page-description {
    font-size: 1rem;
    line-height: 1.5;
}

/* Card and section headings: consistent scale */
.card-title {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.375;
}