/* =============================================
   TM24 ANKAUF – BASE (Design-Tokens + Reset)
   ============================================= */

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

/* ===== FARBHIERARCHIE ===== */
:root {
    /* Brand */
    --tm-blue: #2E2BCB;
    --tm-blue-light: rgba(46, 43, 203, 0.08);
    --tm-blue-hover: #2220a8;
    --tm-dark: #111118;
    --tm-gray: #f6f6f8;

    /* Text-Hierarchie (niemals zu blass!) */
    --tm-text-headline: #0f172a;     /* Headlines: fast schwarz */
    --tm-text-body: #1e293b;         /* Fließtext: dunkelgrau */
    --tm-text-secondary: #475569;    /* Hilfstexte: mittelgrau */
    --tm-text-muted: #64748b;        /* Subtexte: noch gut lesbar */
    --tm-text: #333;

    /* UI */
    --tm-border: #e2e8f0;
    --tm-bg-card: #ffffff;
    --tm-bg-subtle: #f8fafc;
    --tm-success: #16a34a;
    --tm-muted: #888;
    --radius-lg: 16px;
    --radius-pill: 50px;
}

body {
    font-family: 'Figtree', sans-serif;
    background: var(--tm-gray);
    margin: 0;
    padding: 0;
    color: var(--tm-text-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}