/**
 * Ionia County design variables.
 */

:root {
    /* Neutrals */
    --ionia-color-white: #ffffff;
    --ionia-color-black: #000000;
    --ionia-color-neutral-black: #1b1b1b;
    --ionia-color-neutral-50: #f6f8f9;
    --ionia-color-neutral-100: #eef2f3;
    --ionia-color-neutral-200: #d5dbe0;
    --ionia-color-neutral-300: #b5b5b5;
    --ionia-color-neutral-700: #2d3c4e;
    --ionia-color-neutral-dark: #343b3f;
    --ionia-color-neutral-soft: #e8edf0;
    --ionia-color-neutral-blue-gray: #bbc3c8;

    /* Primary brand: blue */
    --ionia-color-primary: #052937;
    --ionia-color-primary-bright: #1a6784;
    --ionia-color-primary-link: #1a7799;
    --ionia-color-primary-deep: #1c5469;
    --ionia-color-primary-tint-90: #e6eaeb;
    --ionia-color-primary-tint-80: #cdd4d7;
    --ionia-color-primary-tint-75: #c1cace;
    --ionia-color-primary-tint-60: #9ba9af;
    --ionia-color-primary-tint-50: #82949b;
    --ionia-color-primary-tint-40: #697f87;
    --ionia-color-primary-tint-20: #37545f;
    --ionia-color-primary-shade-15: #04232f;
    --ionia-color-primary-shade-30: #041d27;

    /* Secondary brand: red */
    --ionia-color-secondary: #912b41;
    --ionia-color-secondary-tint-90: #f4eaec;
    --ionia-color-secondary-tint-80: #e9d5d9;
    --ionia-color-secondary-tint-60: #d3aab3;
    --ionia-color-secondary-tint-40: #bd808d;
    --ionia-color-secondary-tint-20: #a75567;
    --ionia-color-secondary-shade-15: #7b2537;
    --ionia-color-secondary-shade-30: #661e2e;

    /* Tertiary brand: green */
    --ionia-color-tertiary: #9ca43f;
    --ionia-color-tertiary-bright: #bec64a;
    --ionia-color-tertiary-highlight: #d1d780;
    --ionia-color-tertiary-tint-90: #f5f6ec;
    --ionia-color-tertiary-tint-80: #ebedd9;
    --ionia-color-tertiary-tint-60: #d7dbb2;
    --ionia-color-tertiary-tint-40: #c4c98c;
    --ionia-color-tertiary-tint-20: #b0b665;
    --ionia-color-tertiary-shade-15: #858b36;
    --ionia-color-tertiary-shade-30: #6d732c;

    /* Semantic aliases */
    --ionia-color-text: var(--ionia-color-neutral-700);
    --ionia-color-surface: var(--ionia-color-white);
    --ionia-color-border: var(--ionia-color-neutral-200);
    --ionia-color-link: var(--ionia-color-primary-link);
    --ionia-color-danger: #a33535;

    /* Shared UI tokens */
    --ionia-radius-sm: 3px;
    --ionia-radius-md: 8px;
    --ionia-radius-lg: 16px;
    --ionia-border-medium: 1.5px solid var(--ionia-color-border);
    --ionia-shadow-sm: 0 0.2rem 0.6rem rgba(5, 41, 55, 0.08);
    --ionia-shadow-md: 0 0.35rem 1rem rgba(5, 41, 55, 0.12);
    --ionia-transition-standard: ease-in-out 0.3s;
}