/*
 * Gestaltungswerte des Geo-Service.
 *
 * Richtung "Messtischblatt": warmes Papier statt Weiß, Tinte statt Grau,
 * Zinnober als einzige Interaktionsfarbe. Farbe trägt Bedeutung - bunt wird
 * ausschließlich die Zeitachse des Datenstands.
 */

:root {
    /* --- Papier und Tinte --- */
    --papier: #efe9dd;
    --papier-blatt: #fbf8f2;
    --papier-tief: #e4dccc;
    --papier-warm: #f6efe1;

    --tinte: #1b1f24;
    --tinte-2: #4a5058;
    --tinte-3: #838a93;

    --linie: #d7cdba;
    --linie-stark: #bcb09b;

    /* --- Akzent: Zinnober, die Farbe des Vermessungsstifts --- */
    --zinnober: #ab3319;
    --zinnober-hell: #d1512f;
    --zinnober-blass: #f4e0d9;

    /* --- Nachtseite: 3D-Ansicht und Kartenwerkzeuge --- */
    --nacht: #171a1f;
    --nacht-2: #23272e;
    --nacht-3: #343a43;
    --nacht-schrift: #d9d3c6;

    /* --- Zustandsfarben, bewusst gedämpft --- */
    --gut: #2f6b43;
    --warnung: #9a6510;
    --fehler: #a52d1c;
    --gut-blass: #dfe9df;
    --warnung-blass: #f6ead0;
    --fehler-blass: #f4ddd8;

    /* --- Zeitachse des Datenstands (alt hell, frisch tief) --- */
    --jahr-1: #e8c977;   /* bis 2010   */
    --jahr-2: #dda85f;   /* 2011-2015  */
    --jahr-3: #cb7c43;   /* 2016-2019  */
    --jahr-4: #ad4f2a;   /* 2020-2022  */
    --jahr-5: #762c17;   /* ab 2023    */
    --jahr-ohne: #939ba4; /* ohne Angabe */

    /* --- Vektorebenen: bewusst NICHT im Zinnober-Bereich, damit sie sich
           von der Kachelfärbung des Datenstands trennen lassen --- */
    --gebaeude: #31536e;        /* Bauplanblau, Gebäudeumrisse aus OSM */
    --gebaeude-fuell: #5b81a0;
    --kataster: #4a6b4f;        /* Amtsgrün, Grundstücksgrenzen         */
    --kataster-fuell: #7b9a7f;

    /* --- Schrift: ein echtes Paar --- */
    --schrift-titel: 'Fraunces', 'Iowan Old Style', Palatino, Georgia, serif;
    --schrift-werk: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

    --gr-mikro: 10px;
    --gr-klein: 11.5px;
    --gr-basis: 13px;
    --gr-mittel: 15px;
    --gr-gross: 21px;
    --gr-titel: 30px;
    --gr-riese: 46px;

    --spur-weit: .16em;   /* Laufweite der Kleinlabels */
    --spur-eng: -.01em;

    /* --- Rhythmus: kein gleichmäßiges Raster, sondern wachsende Sprünge --- */
    --abstand-1: 4px;
    --abstand-2: 7px;
    --abstand-3: 12px;
    --abstand-4: 20px;
    --abstand-5: 32px;
    --abstand-6: 52px;
    --abstand-7: 84px;

    /* --- Kanten: je Bauteil eine eigene Sprache --- */
    --kante-blatt: 3px;
    --kante-knopf: 4px;
    --kante-feld: 2px;
    --kante-chip: 999px;

    /* --- Ebenen --- */
    --schatten-blatt: 0 1px 0 rgba(40,32,20,.05), 0 10px 24px -18px rgba(40,32,20,.55);
    --schatten-schwebe: 0 2px 3px rgba(40,32,20,.07), 0 22px 44px -24px rgba(40,32,20,.6);
    --schatten-tief: 0 32px 70px -30px rgba(20,16,10,.55);
    --schatten-innen: inset 0 1px 2px rgba(40,32,20,.09);

    /* --- Bewegung --- */
    --dauer-schnell: 120ms;
    --dauer-mittel: 220ms;
    --dauer-ruhig: 420ms;
    --kurve: cubic-bezier(.2, .7, .3, 1);
    --kurve-aus: cubic-bezier(.4, 0, 1, 1);

    /* --- Ebenenordnung --- */
    --ebene-karte: 400;
    --ebene-aufsatz: 800;
    --ebene-kopf: 900;
    --ebene-dialog: 2000;
    --ebene-meldung: 3000;
}