/**
 * Ubuntu Font Family CSS
 * This file provides consistent font styling using the Ubuntu Google Font
 */

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

:root {
    --font-ubuntu: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
}

/* Base font setting for the entire document */
html, body {
    font-family: var(--font-ubuntu);
    font-weight: var(--font-weight-regular);
}

/* Typography settings */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-ubuntu);
    font-weight: var(--font-weight-medium);
}

p, span, div, li, a {
    font-family: var(--font-ubuntu);
}

/* Form elements */
input, select, textarea, button {
    font-family: var(--font-ubuntu);
}

/* Tables */
table, th, td {
    font-family: var(--font-ubuntu);
}

/* Common components */
.btn, .button, .nav-link, .navbar {
    font-family: var(--font-ubuntu);
}

/* Font weight utility classes */
.font-light {
    font-weight: var(--font-weight-light);
}

.font-regular {
    font-weight: var(--font-weight-regular);
}

.font-medium {
    font-weight: var(--font-weight-medium);
}

.font-bold {
    font-weight: var(--font-weight-bold);
}