/* Base Fonts - All font definitions as CSS Custom Properties */

:root {
    --font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-family-secondary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    
    --font-size-h1: 2.5rem;
    --font-size-h2: 2rem;
    --font-size-h3: 1.5rem;
    --font-size-body: 1rem;
    --font-size-base: 1rem;
    --font-size-small: 0.875rem;
    --font-size-table-header: 0.875rem;
    
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
}

body {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-normal);
    color: var(--text-primary);
}

div {
    font-family: var(--font-family-primary);
    color: var(--text-primary);
}

a {
    font-family: var(--font-family-primary);
    color: var(--text-primary);
    text-decoration: none;
}

p {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-body);
    color: var(--text-primary);
}

span {
    font-family: var(--font-family-primary);
    color: var(--text-primary);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-primary);
    color: var(--text-primary);
}

label {
    font-family: var(--font-family-primary);
    color: var(--text-primary);
}

li {
    color: var(--text-primary);
}

td, th {
    color: var(--text-primary);
}

button {
    font-family: var(--font-family-primary);
}