/*
 * MyFarm design tokens — generated from the Figma file "MyFarm" (page "Final Design").
 * These are the canonical brand colors. Page-specific CSS variables (e.g. --primary-dark,
 * --bg-dark, --accent-green) should reference these tokens instead of redefining their own
 * hex values, so the whole app stays visually consistent with the design.
 *
 * See Figma-Razor-Abgleich.md for the audit that produced this file.
 */
:root {
    /* App Color 1 — primary dark green (buttons, headers, active states) */
    --color-1: #1E3731;
    /* App Color 2 — accent green (progress bars, selected pills, links on light bg) */
    --color-2: #2C6456;
    /* App Color 3 — mint accent (used with black overlay in some active-dot states) */
    --color-3: #BDF7E4;
    /* App Color 4 — light mint (progress bar track, badge backgrounds) */
    --color-4: #D9EEE7;
    /* App Color 7 — near-black text */
    --color-7: #242426;
    /* App Color 8 — secondary/muted text */
    --color-8: #4B5563;
    /* App Color 9 — muted grey-green (placeholder text, secondary icons) */
    --color-9: #869592;
    /* App Color 10 — stroke / border 1 */
    --color-10: #E2E8F0;
    /* App Color 11 — stroke / border 2 */
    --color-11: #EDEDED;
    /* App Color 12 — light grey background (chips, disabled fields) */
    --color-12: #F0F2F7;
    /* App Color 13 — light background (page/card background) */
    --color-13: #F3F7F6;
    /* App Color 15 — white */
    --color-15: #FFFFFF;
    /* App Color 18 — accent / error red */
    --color-18: #C72A2A;
    /* mint text used on dark-green backgrounds (input labels, "Continue" button text) */
    --color-mint-label: #98C5B7;
    /* uppercase field-label green used on light backgrounds */
    --color-field-label: #235045;

    /* Semantic aliases used across pages — prefer these in new/updated CSS */
    --brand-dark: var(--color-1);
    --brand-accent: var(--color-2);
    --text-main: var(--color-7);
    --text-muted: var(--color-8);
    --bg-light: var(--color-13);
    --border-color-light: var(--color-10);
}