/*
------------------------------------------------------------
arsvenditio · CSS-Core
Datei: variables.css
Phase: 1.1
Stand: 2026-07-23

Zentrale Designwerte des aktuellen Referenzprojekts Inke Hagen.
Die Alias-Variablen halten bestehende Seitendateien kompatibel.
------------------------------------------------------------
*/

:root {
    
    /* ==========================================================
       FARBEN
       ========================================================== */

    /* Primärfarbe */
    --ars-color-primary: #cf0e12;

     /* Statusfarben */
    --ars-color-status-available: #0b5d33;
    --ars-color-status-sold: var(--ars-color-primary);

    --ars-color-black: #000000;
    --ars-color-white: #ffffff;
    --ars-color-grey: #666666;
    --ars-color-grey-medium: #707070;
    --ars-color-grey-light: #ececec;
    --ars-color-border: rgba(0, 0, 0, 0.45);
    --ars-color-frame: #d6d6d6;

    --ars-font-body: "PTSans-Narrow", "Arial Narrow", Arial, sans-serif;
    --ars-font-body-bold: "PTSans-NarrowBold", "Arial Narrow", Arial, sans-serif;
    --ars-font-display: "RubikDirt-Regular", "Rubik Dirt", Impact, sans-serif;

    --ars-content-width: 1320px;
    --ars-button-border-width: 2px;
    --ars-focus-width: 3px;
    --ars-transition-fast: 180ms ease;
    --ars-transition-default: 250ms ease;

    /* Bestehende Bezeichnungen – vorläufige Kompatibilitäts-Aliasse. */
    --monster-red: var(--ars-color-primary);
    --monster-black: var(--ars-color-black);
    --monster-grey: var(--ars-color-grey);
    --monster-border: var(--ars-color-border);
    --monster-white: var(--ars-color-white);

    --ih-red: #d20a11;
    --ih-black: var(--ars-color-black);
    --ih-white: var(--ars-color-white);
    --ih-grey: var(--ars-color-grey-medium);
    --ih-light-grey: var(--ars-color-grey-light);
    --ih-frame-grey: var(--ars-color-frame);
    --ih-content-width: var(--ars-content-width);
}