/* === theme-typewriter-preset.css === 
Версия, соответствующая скриншоту: зеленые акценты на кремовом фоне.
*/

/* Глобальные настройки */
.theme-typewriter {
	--radius-s: 0px;
	--radius-m: 2px;
	--radius-l: 4px;

	--font-text-theme: "iA Writer Quattro S";
	--font-interface-theme: "iA Writer Quattro S";
	
	/* Основной зеленый акцент из кода темы (HSL 129, 32%, 47%) */
	--typewriter-green: #519d5c; 
}

/* Light Version - "Зеленый на желтоватом" */
.theme-typewriter.theme-light {
	/* Фоновые цвета (теплый кремовый/желтоватый) */
	--background-primary: #f8f1e3;           /* Расчетное значение hsl(44, 79%, 94%) [3] */
	--background-primary-alt: #fcf5e4;       /* Прямое значение из кода [3] */
	--background-secondary: #e9e0cb;         /* Более темный беж для панелей [3] */
	--background-secondary-alt: #fcf5e4;
	--background-modifier-border: #e6e6e6;

	/* Текст и акценты */
	--text-normal: #262626;                  /* Глубокий серый, почти черный [4] */
	--text-muted: #595959;
	--interactive-accent: var(--typewriter-green); /* Тот самый зеленый со скриншота [4] */
	--interactive-accent-hover: #45854e;

	/* Identity / Avatars (адаптированы под теплый фон) */
	--color-identity-1: #e17076;
	--color-identity-2: var(--typewriter-green); /* Используем основной зеленый */
	--color-identity-3: #e5ca77;
	--color-identity-4: #65aadd;
	--color-identity-5: #a695e7;
	--color-identity-6: #ee7aae;
}

/* Dark Version - Контрастная темная схема */
.theme-typewriter.theme-dark {
	/* Основные фоны */
	--background-primary: #262626;           /* Базовый темный [5] */
	--background-primary-alt: #202020;
	--background-secondary: #1a1b1d;         /* Темно-сине-серый [5] */
	--background-secondary-alt: #000000;
	--background-modifier-border: #333333;

	/* Текст и акценты */
	--text-normal: rgb(197, 184, 161);       /* Песочный текст на темном фоне [6] */
	--text-muted: #8c8c8c;
	--interactive-accent: var(--typewriter-green);
	--interactive-accent-hover: #67b372;

	/* Identity / Avatars */
	--color-identity-1: #ff8e94;
	--color-identity-2: #9ce683;
	--color-identity-3: #ffeb95;
	--color-identity-4: #87c8f9;
	--color-identity-5: #c5b4ff;
	--color-identity-6: #ff99cc;
}