/* mangold|architekten — Design Tokens
   Aesthetic: Editorial-Brutalismus für ein BDA-Architekturbüro.
   Strenge Typografie, große Projektnummern, vertikale Pipe-Akzente.
   Quellen: PLAN.md §5 Corporate Design (#D80000 als Leitfarbe). */

:root {
    /* ============ Farben ============ */
    /* Brand */
    --brand-red:        #D80000;
    --brand-red-deep:   #A40000;
    --brand-red-on-noir: #FF4B4B; /* accent on --noir; #D80000 is only 3.4:1 there */

    /* Hintergründe — warmes Papierweiß, fast-schwarz */
    --paper:            #F4F1EA;   /* primärer Lese-Hintergrund */
    --paper-deep:       #ECE7DD;   /* zweite Ebene, Sektionswechsel */
    --ink:              #0E0D0B;   /* Haupttext */
    --ink-90:           #19171338; /* dezent für rules/borders rgb(25 23 19 / 22%) */
    --ink-soft:         #4D4842;   /* Sekundärtext */
    --ink-muted:        #6E675D;   /* Captions, Mono-Akzente — >=4.5:1 on --paper and --paper-deep (WCAG AA) */
    --line:             #1d1a14;
    --line-soft:        rgba(14, 13, 11, 0.14);
    --line-faint:       rgba(14, 13, 11, 0.07);

    /* Dunkle Sektionen — sehr dunkles Anthrazit, nicht reines Schwarz */
    --noir:             #161410;
    --noir-deep:        #0E0D0B;
    --on-noir:          #F4F1EA;
    --on-noir-soft:     #B6AFA1;
    --on-noir-muted:    #A09889; /* warm gray, ~5:1 on --noir for WCAG AA at body sizes */

    --focus-ring:       #ffd84a;

    /* ============ Typografie ============ */
    --font-display:     "Swiss 721", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-body:        "Swiss 721", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-mono:        "Plex Mono", "SF Mono", "Menlo", Consolas, monospace;

    /* Type-Scale, modular auf 1.25 */
    --fs-3xs:   0.6875rem;  /* 11 */
    --fs-2xs:   0.75rem;    /* 12 */
    --fs-xs:    0.8125rem;  /* 13 */
    --fs-sm:    0.9375rem;  /* 15 */
    --fs-base:  1.0625rem;  /* 17 */
    --fs-md:    1.25rem;    /* 20 */
    --fs-lg:    1.625rem;   /* 26 */
    --fs-xl:    2.125rem;   /* 34 */
    --fs-2xl:   2.875rem;   /* 46 */
    --fs-3xl:   4rem;       /* 64 */
    --fs-4xl:   5.5rem;     /* 88 */
    --fs-mega:  9rem;       /* 144 — Display-Numerals */
    --fs-titanic: 14rem;    /* 224 — Hero-Numerals */

    --lh-tight:  1.04;
    --lh-snug:   1.18;
    --lh-base:   1.55;
    --lh-loose:  1.75;

    --tracking-tight:   -0.022em;
    --tracking-snug:    -0.012em;
    --tracking-normal:  0;
    --tracking-wide:    0.05em;
    --tracking-wider:   0.12em;
    --tracking-widest:  0.22em;

    /* ============ Spacing / Layout ============ */
    --sp-1:  0.25rem;
    --sp-2:  0.5rem;
    --sp-3:  0.75rem;
    --sp-4:  1rem;
    --sp-5:  1.5rem;
    --sp-6:  2rem;
    --sp-7:  3rem;
    --sp-8:  4.5rem;
    --sp-9:  6.5rem;
    --sp-10: 9rem;

    --container-max:  87.5rem;   /* 1400 */
    --container-text: 44rem;     /* 704 — Lesetexte */
    --container-narrow: 56rem;
    --gutter:         clamp(1.25rem, 4vw, 3rem);

    --radius-sm: 0;     /* Editorial: harte Kanten */
    --radius-md: 0;

    --shadow-soft: 0 12px 32px -16px rgba(14, 13, 11, 0.18);

    --transition-fast: 180ms cubic-bezier(0.2, 0.6, 0.2, 1);
    --transition-base: 320ms cubic-bezier(0.2, 0.6, 0.2, 1);
    --transition-slow: 600ms cubic-bezier(0.2, 0.6, 0.2, 1);
}