/**
 * Rental System – gemeinsame Gestaltungsgrundlagen (Schrift + Farben)
 * Wird von frontend.css und dashboard.css als Abhängigkeit geladen.
 */

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/ibm-plex-sans-latin-500-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2');
}

:root {
    --rs-font: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

    --rs-green: #008C3C;
    --rs-green-dark: #00702F;
    --rs-green-tint: #EAF5EE;
    --rs-green-border: #A9D9BC;
    --rs-green-text: #005A26;
    --rs-green-soft: #CDE8D7;

    --rs-ink: #17191F;
    --rs-ink-2: #4B5563;
    --rs-muted: #6B7280;
    --rs-faint: #9AA0AE;

    --rs-line: #E2E4E9;
    --rs-line-strong: #D5D8DF;
    --rs-bg: #F4F5F7;
    --rs-hover: #F0F1F4;
    --rs-img: #E9EBEF;
    --rs-white: #fff;

    --rs-blue: #006AAB;
    --rs-blue-tint: #E3F1FA;
    --rs-red: #B91C1C;
    --rs-red-dot: #DC2626;
    --rs-red-tint: #FDECEC;
    --rs-amber: #B45309;
    --rs-amber-dot: #D97706;
    --rs-amber-tint: #FEF3C7;

    --rs-radius-sm: 6px;
    --rs-radius: 7px;
    --rs-radius-card: 10px;
    --rs-radius-lg: 12px;
    --rs-shadow-hover: 0 2px 10px rgba(23, 25, 31, .06);
    --rs-shadow-dialog: 0 20px 60px rgba(0, 0, 0, .25);
}