/**
 * Typography Presets - Sistema Base Governamental
 * Presets de tipografia para diferentes estilos visuais
 */

/* ============================================
   PRESETS DE FONTES
   ============================================ */

/* Inter Modern (padrão) */
[data-typography="inter-modern"] {
    --font-family-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Open Sans */
[data-typography="open-sans"] {
    --font-family-primary: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Roboto Universal */
[data-typography="roboto-universal"] {
    --font-family-primary: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

/* Lato Profissional */
[data-typography="lato-profissional"] {
    --font-family-primary: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Source Sans Pro */
[data-typography="source-sans-pro"] {
    --font-family-primary: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Noto Sans */
[data-typography="noto-sans"] {
    --font-family-primary: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ============================================
   TAMANHOS DE FONTE
   ============================================ */

/* Extra Small */
[data-typography-size="extra-small"] {
    --font-size-base: 12px;
    --font-size-xs: 9px;
    --font-size-sm: 10px;
    --font-size-md: 12px;
    --font-size-lg: 14px;
    --font-size-xl: 16px;
    --font-size-2xl: 18px;
    --font-size-3xl: 22px;
}

/* Small */
[data-typography-size="small"] {
    --font-size-base: 13px;
    --font-size-xs: 10px;
    --font-size-sm: 11px;
    --font-size-md: 13px;
    --font-size-lg: 15px;
    --font-size-xl: 18px;
    --font-size-2xl: 20px;
    --font-size-3xl: 24px;
}

/* Medium (padrão) */
[data-typography-size="medium"] {
    --font-size-base: 14px;
    --font-size-xs: 11px;
    --font-size-sm: 12px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 28px;
}

/* Large */
[data-typography-size="large"] {
    --font-size-base: 15px;
    --font-size-xs: 12px;
    --font-size-sm: 13px;
    --font-size-md: 15px;
    --font-size-lg: 18px;
    --font-size-xl: 22px;
    --font-size-2xl: 26px;
    --font-size-3xl: 32px;
}

/* Extra Large */
[data-typography-size="extra-large"] {
    --font-size-base: 16px;
    --font-size-xs: 13px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 20px;
    --font-size-xl: 24px;
    --font-size-2xl: 28px;
    --font-size-3xl: 36px;
}

/* ============================================
   ESPAÇAMENTO DE LINHA
   ============================================ */

/* Tight */
[data-typography-spacing="tight"] {
    --line-height-base: 1.3;
    --line-height-sm: 1.2;
    --line-height-lg: 1.4;
    --letter-spacing-base: -0.01em;
}

/* Normal (padrão) */
[data-typography-spacing="normal"] {
    --line-height-base: 1.5;
    --line-height-sm: 1.4;
    --line-height-lg: 1.6;
    --letter-spacing-base: 0;
}

/* Relaxed */
[data-typography-spacing="relaxed"] {
    --line-height-base: 1.7;
    --line-height-sm: 1.6;
    --line-height-lg: 1.8;
    --letter-spacing-base: 0.01em;
}

/* ============================================
   PESOS DE FONTE
   ============================================ */

/* Light */
[data-typography-weight="light"] {
    --font-weight-normal: 300;
    --font-weight-medium: 400;
    --font-weight-semibold: 500;
    --font-weight-bold: 600;
}

/* Regular (padrão) */
[data-typography-weight="regular"] {
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
}

/* Medium */
[data-typography-weight="medium"] {
    --font-weight-normal: 500;
    --font-weight-medium: 600;
    --font-weight-semibold: 700;
    --font-weight-bold: 800;
}

/* ============================================
   APLICAÇÃO DAS VARIÁVEIS
   ============================================ */

body {
    font-family: var(--font-family-primary, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    font-size: var(--font-size-base, 14px);
    line-height: var(--line-height-base, 1.5);
    letter-spacing: var(--letter-spacing-base, 0);
    font-weight: var(--font-weight-normal, 400);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: var(--font-weight-bold, 700);
    line-height: var(--line-height-sm, 1.4);
}

.text-sm {
    font-size: var(--font-size-sm, 12px);
}

.text-lg {
    font-size: var(--font-size-lg, 16px);
}

.text-xl {
    font-size: var(--font-size-xl, 20px);
}