/* 
 * Roboto Font - Self-Hosted
 * This file defines @font-face rules for locally hosted Roboto fonts
 * Fallback for when Google Fonts CDN is unavailable or blocked
 */

/* Roboto Regular (400) */
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap; /* Prevents FOIT (Flash of Invisible Text) */
}

/* Roboto Bold (700) */
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Roboto Light (300) */
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Roboto Medium (500) */
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Roboto Black (900) */
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Roboto Italic (400) */
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Roboto Bold Italic (700) */
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* 
 * Usage in CSS:
 * body { font-family: 'Roboto', Arial, sans-serif; }
 * 
 * Available weights:
 * - 300 (Light)
 * - 400 (Regular)
 * - 500 (Medium)
 * - 700 (Bold)
 * - 900 (Black)
 * 
 * Available styles:
 * - normal
 * - italic (for 400 and 700 weights)
 */