/* =====================================================
   color.css
   Global Design Tokens – Tschakka App
   ===================================================== */

/* =========================
   BASE TOKENS
   ========================= */

:root {
	/* App Grundfarben */
	--myweek-bg: rgb(255, 238, 207);
	--myweek-card: rgb(255, 233, 192);

	--myweek-green: rgb(22, 85, 45);
	--myweek-green-dark: rgb(23, 74, 34);

	--shadow-soft: 0 0.75rem 1.75rem rgba(0, 0, 0, 0.12);

	/* Income Farben */
	--income-green: rgb(0, 217, 79);
	--income-red: rgb(255, 67, 23);

	/* =========================
     CATEGORY TOKENS
     ========================= */

	--cat-social: rgb(28, 127, 69);
	--cat-wellbeing: rgb(210, 40, 40);
	--cat-education: rgb(20, 50, 150);
	--cat-projects: rgb(92, 45, 140);
	--cat-achievements: rgb(130, 110, 12);
	--cat-income-expenses: rgb(15, 90, 120);
	--cat-shoppinglist: rgb(160, 80, 20);
}

/* =========================
   Utility Classes
   ========================= */

.income-green {
	color: var(--income-green);
}

.income-red {
	color: var(--income-red);
}

/* =========================
   CATEGORY TEXT SYSTEM
   ========================= */

.text-category {
	--category-color: rgb(110, 110, 110);
	color: var(--category-color);
}

/* Kategorie-Zuweisung (global Token Setter) */

.is-social {
	--category-color: var(--cat-social);
}

.is-wellbeing {
	--category-color: var(--cat-wellbeing);
}

.is-education {
	--category-color: var(--cat-education);
}

.is-projects {
	--category-color: var(--cat-projects);
}

.is-achievements {
	--category-color: var(--cat-achievements);
}

.is-income-expenses {
	--category-color: var(--cat-income-expenses);
}

.is-shoppinglist {
	--category-color: var(--cat-shoppinglist);
}