/* === Stadt und Gemeinschaft Wien — Design Tokens === */
/* ==========================================================================
   Stadt und Gemeinschaft Wien — Digital Edition
   Professional scholarly stylesheet
   ========================================================================== */

/* --- Design tokens --- */
:root {
    /* Parchment-inspired palette */
    --color-bg:             #faf8f4;
    --color-bg-warm:        #f5f1ea;
    --color-bg-card:        #ffffff;
    --color-bg-nav:         #2c2825;
    --color-bg-footer:      #37332f;

    --color-text:           #2c2825;
    --color-text-muted:     #595550;   /* WCAG AA ≥4.5:1 on --color-bg */
    --color-text-light:     #706b65;   /* WCAG AA ≥4.5:1 on --color-bg */
    --color-text-inverse:   #faf8f4;

    --color-border:         #e0dbd4;
    --color-border-light:   #ece8e2;
    --color-border-dark:    #c8c2b8;

    /* Annotation colours — muted, scholarly tones */
    --anno-person:          #2e5a88;
    --anno-person-bg:       #e8f0f8;
    --anno-person-border:   #b8d0e8;

    --anno-org:             #7b4d8e;
    --anno-org-bg:          #f2eaf6;
    --anno-org-border:      #d4bce0;

    --anno-place:           #3a7a5c;
    --anno-place-bg:        #e6f3ed;
    --anno-place-border:    #b4d8c6;

    --anno-fn-issuer:       #b85c2f;
    --anno-fn-issuer-bg:    rgba(184, 92, 47, 0.06);
    --anno-fn-recipient:    #2e7a88;
    --anno-fn-recipient-bg: rgba(46, 122, 136, 0.06);
    --anno-fn-witness:      #6b6040;
    --anno-fn-witness-bg:   rgba(107, 96, 64, 0.06);
    --anno-fn-other:        #5e5174;   /* WCAG AA ≥4.5:1 on white */
    --anno-fn-other-bg:     rgba(94, 81, 116, 0.06);

    --anno-trigger:         #8c5a2e;
    --anno-attr:            #6b6560;
    --anno-add:             #5a7a3a;

    /* Typography */
    --font-serif:           'Crimson Pro', 'Georgia', 'Times New Roman', serif;
    --font-sans:            'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono:            'JetBrains Mono', 'Consolas', monospace;

    --text-base:            1.0625rem;   /* 17px */
    --text-sm:              0.875rem;
    --text-xs:              0.8125rem;
    --text-lg:              1.25rem;
    --text-xl:              1.5rem;
    --text-2xl:             2rem;

    --leading-body:         1.85;
    --leading-tight:        1.3;

    /* Spacing */
    --space-3xs:            0.125rem;
    --space-2xs:            0.25rem;
    --space-xs:             0.25rem;
    --space-sm:             0.5rem;
    --space-md:             1rem;
    --space-lg:             1.5rem;
    --space-xl:             2.5rem;
    --space-2xl:            4rem;

    /* Layout */
    --max-width:            52rem;        /* text-only readable width */
    --max-width-wide:       90rem;        /* synopsis + index page */
    --sidebar-width:        22rem;
    --radius:               4px;
    --radius-lg:            6px;

    /* Shadows */
    --shadow-sm:            0 1px 2px rgba(44, 40, 37, 0.06);
    --shadow-md:            0 2px 8px rgba(44, 40, 37, 0.08);
    --shadow-lg:            0 4px 16px rgba(44, 40, 37, 0.10);

    /* Transitions */
    --transition-fast:      0.15s;
    --transition-normal:    0.2s;

    /* Z-index scale */
    --z-nav:                100;
    --z-sidebar:            200;
    --z-tooltip:            1000;

    /* Extra type scale */
    --text-2xs:             0.6875rem;   /* 11px — labels, small UI */

    /* Interactive states */
    --color-bg-hover:       #f5f3f0;
    --color-bg-alt:         #f9f9f9;
    --color-accent:         var(--anno-person);
    --color-primary:        var(--anno-person);

    /* Radii */
    --radius-sm:            4px;

    /* Geschlechter-Visualisierung — bewusst klischee-frei.
       Tiefes Aubergine vs. tiefes Petrol; sind klar voneinander
       unterscheidbar und kollidieren nicht mit den Rollen- oder
       Beziehungs-Farben in den Donut-Diagrammen. */
    --color-sex-m:          #5d3a74;
    --color-sex-f:          #2d6650;
    --color-sex-none:       #b0a99f;
    --color-not-norm:       #d4cfc8;

    /* Statistics — muted variants for gender bar segments */
    --color-sex-m-muted:    #8264a0;
    --color-sex-f-muted:    #5d8a78;

    /* Relationship types (relations) */
    --color-rel-kin:        #c45a5a;
    --color-rel-occ:        #2e5a88;
    --color-rel-rep:        #7b4d8e;
    --color-rel-friend:     #c4a035;

    /* Exploration — z-index */
    --z-drilldown:          300;
}