:root,
.ezv-app {
    --ezv-font-family-base: "Roboto", "Segoe UI", Arial, sans-serif;
    --ezv-font-family-heading: var(--ezv-font-family-base);
    --ezv-font-size-xs: .75rem;
    --ezv-font-size-sm: .875rem;
    --ezv-font-size-md: 1rem;
    --ezv-font-size-lg: 1.125rem;
    --ezv-font-size-xl: 1.25rem;
    --ezv-font-size-2xl: 1.5rem;
    --ezv-font-weight-normal: 400;
    --ezv-font-weight-medium: 500;
    --ezv-font-weight-semibold: 600;
    --ezv-font-weight-bold: 700;
    --ezv-line-height-compact: 1.25;
    --ezv-line-height-base: 1.5;
    --ezv-line-height-relaxed: 1.65;

    --ezv-space-1: .25rem;
    --ezv-space-2: .5rem;
    --ezv-space-3: .75rem;
    --ezv-space-4: 1rem;
    --ezv-space-5: 1.25rem;
    --ezv-space-6: 1.5rem;
    --ezv-space-8: 2rem;
    --ezv-space-10: 2.5rem;
    --ezv-space-12: 3rem;

    --ezv-color-primary: #0f766e;
    --ezv-color-primary-hover: #115e59;
    --ezv-color-primary-active: #134e4a;
    --ezv-color-primary-contrast: #ffffff;
    --ezv-color-primary-surface: #ecfdf5;
    --ezv-color-secondary: #334155;

    --ezv-color-surface-page: #f4f7fa;
    --ezv-color-surface-card: #ffffff;
    --ezv-color-surface-muted: #f8fafc;
    --ezv-color-surface-hover: #eef2f6;
    --ezv-color-surface-raised: #ffffff;
    --ezv-color-overlay: rgba(15, 23, 42, .34);

    --ezv-color-text: #172033;
    --ezv-color-text-muted: #64748b;
    --ezv-color-text-disabled: #94a3b8;
    --ezv-color-heading: #111827;

    --ezv-color-border: #d8e1ea;
    --ezv-color-border-strong: #b8c5d2;
    --ezv-color-focus: #0284c7;

    --ezv-color-success: #15803d;
    --ezv-color-success-surface: #ecfdf3;
    --ezv-color-success-border: #86efac;
    --ezv-color-warning: #a16207;
    --ezv-color-warning-surface: #fffbeb;
    --ezv-color-warning-border: #f4cf72;
    --ezv-color-danger: #b91c1c;
    --ezv-color-danger-surface: #fef2f2;
    --ezv-color-danger-border: #fecaca;
    --ezv-color-info: #0369a1;
    --ezv-color-info-surface: #f0f9ff;
    --ezv-color-info-border: #bae6fd;

    --ezv-radius-sm: 4px;
    --ezv-radius-md: 6px;
    --ezv-radius-lg: 8px;
    --ezv-radius-pill: 9999px;
    --ezv-border-width: 1px;
    --ezv-shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);
    --ezv-shadow-md: 0 8px 20px rgba(15, 23, 42, .09);
    --ezv-shadow-lg: 0 16px 36px rgba(15, 23, 42, .13);
    --ezv-shadow-overlay: 0 24px 60px rgba(15, 23, 42, .22);

    --ezv-content-reading-max-width: 72rem;
    --ezv-content-standard-max-width: 132rem;
    --ezv-content-wide-max-width: 156rem;
    --ezv-content-fluid-max-width: 100%;
    --ezv-page-gutter: clamp(.5rem, 1.2vw, var(--ezv-space-8));
    --ezv-surface-padding-mobile: .875rem;
    --ezv-content-max-width: var(--ezv-content-standard-max-width);
    --ezv-form-max-width: var(--ezv-content-reading-max-width);
    --ezv-sidebar-width: 16rem;
    --ezv-header-height: 4rem;
    --ezv-table-row-height: 2.75rem;
    --ezv-control-height: 2.5rem;
    --ezv-control-height-sm: 2rem;
    --ezv-control-height-lg: 3rem;
    --ezv-dialog-max-height: calc(100vh - 3rem);

    --ezv-transition-fast: 150ms ease;
    --ezv-transition-base: 220ms ease;
}