/* ==========================================================================
   THEME  –  «Kino» für bigi-media.ch (Dario Bigi, Porträtfotograf Zürich)
   Hier (und NUR hier) liegen Farben, Schriften, Abstände, Radien.
   base.css, site.css und admin.css verwenden ausschliesslich diese Variablen.

   Anmutung: Schwarz, das Bild ist die Seite, Gold als einziger Akzent
   (#c9a94e stammt aus Darios Logo). Kanten scharf (Radius 0) – wie ein
   Filmstreifen, nicht wie eine App.

   Schriften bewusst lokal/System (Datenschutz!): keine Google Fonts,
   kein externer Font-Abruf. Eigene @font-face-Regeln kämen hierhin.
   ========================================================================== */

:root {
    color-scheme: dark;

    /* --- Markenfarben --- */
    --color-primary:          #c9a94e;   /* Gold aus dem Logo */
    --color-primary-dark:     #dcbe63;   /* Hover-Zustand (auf Schwarz heller, nicht dunkler) */
    --color-primary-contrast: #0a0a0b;   /* Schrift auf Gold */
    --color-accent:           #c9a94e;

    /* --- Neutrale Farben (dunkles Fundament) --- */
    --color-text:       #f2f2f2;
    --color-text-muted: #a0a0a4;
    --color-bg:         #0a0a0b;
    --color-bg-alt:     #141416;
    --color-border:     #26262a;

    /* --- Statusfarben (auf Dunkel abgestimmt) --- */
    --color-error:      #ff9a9a;
    --color-error-bg:   #3a1c1c;
    --color-success:    #9fdcb4;
    --color-success-bg: #17301f;

    /* --- Admin-Backend (eigene Tokens, damit das Backend auf Dunkel lesbar bleibt) --- */
    --admin-sidebar-bg: #050506;
    --admin-sidebar-fg: #f2f2f2;

    /* --- Typografie --- */
    --font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;
    --font-head: var(--font-base);
    --fs-base:   1rem;
    --fs-lead:   1.125rem;
    --fs-h1:     clamp(2.2rem, 5.5vw, 4rem);
    --fs-h2:     clamp(1.5rem, 3vw, 2.1rem);
    --line-base: 1.65;
    --fw-normal: 400;
    --fw-bold:   700;

    /* --- Schrift-Details des Kino-Looks --- */
    --letter-wide:  .16em;   /* Buttons, Navigation, Kleintitel */
    --letter-wider: .3em;    /* Wortmarke */
    --fs-mini:      .78rem;  /* Kleintitel/Navigation in Versalien */

    /* --- Abstände --- */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2.5rem;
    --space-6: 4rem;

    /* --- Layout --- */
    --container-max: 1240px;
    --radius:    0;      /* scharfe Kanten – bewusst */
    --radius-sm: 0;
    --shadow:    0 10px 40px rgba(0, 0, 0, .6);
    --transition: .2s ease;
}