/* ---------------------------------------------------------------------------
   Design-Tokens – Wahl-O-Mat Wedemark
   Palette und Formensprache angelehnt an zusammenwedemark.de.

   Kontrasthinweis (WCAG 2.1 AA):
   --zw-green (#449911) erreicht auf Weiss nur 3.6:1 und ist damit ausschliesslich
   fuer Flaechen, Rahmen, Diagrammbalken und grosse Schrift geeignet.
   Fuer Text und fuer Buttons mit weisser Schrift wird --zw-green-dark (#367A0D,
   5.3:1) verwendet.
--------------------------------------------------------------------------- */

:root {
    /* Markenfarben */
    --zw-green: #449911;
    --zw-green-dark: #367A0D;
    --zw-green-light: #67B437;
    --zw-lime: #AABB11;
    --zw-magenta: #990088;
    --zw-magenta-dark: #7A006D;
    --zw-yellow: #FFCC00;

    /* Neutrale Flaechen und Text */
    --zw-white: #FFFFFF;
    --zw-gray-50: #FAFBFC;
    --zw-gray-100: #F5F5F5;
    --zw-gray-200: #EFEDEF;
    --zw-gray-300: #D3D1D3;
    --zw-gray-400: #A8A5A8;
    --zw-text: #486066;
    --zw-text-muted: #6B8087;
    --zw-ink: #1F2A2E;

    /* Signalfarben */
    --zw-danger: #CC3300;
    --zw-danger-dark: #A32900;
    --zw-info: #2C7099;

    /* Antwortfarben – bewusst nicht die Markenfarben, damit keine Wertung mitschwingt */
    --answer-agree: #2F7D32;
    --answer-disagree: #B23A1F;
    --answer-neutral: #5C6BC0;
    --answer-none: #78909C;

    /* Radien, Schatten, Abstaende */
    --radius-sm: 5px;
    --radius-lg: 15px;
    --radius-pill: 999px;

    --shadow-sm: 0 1px 3px rgba(31, 42, 46, .08);
    --shadow-md: 0 4px 16px rgba(31, 42, 46, .10);
    --shadow-lg: 0 12px 32px rgba(31, 42, 46, .14);

    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;

    /* Typografie */
    --font-sans: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --fs-xs: .8125rem;
    --fs-sm: .9375rem;
    --fs-base: 1rem;
    --fs-lg: 1.125rem;
    --fs-xl: 1.375rem;
    --fs-2xl: 1.75rem;
    --fs-3xl: 2.25rem;
    --fs-4xl: 2.875rem;

    /* Layout */
    --container: 1140px;
    --container-narrow: 760px;
    --header-h: 68px;
}