# EasyPay — Цветовая палитра / Color palette

Источник истины: `easypay-dashboard/shared/css/variables.css` + лендинг `easypay.thenextgen.store`.

## Основные / Primary

| Роль / Role | HEX | Где / Usage |
|---|---|---|
| **Logo navy** | `#1E2A3A` | Цвет знака на светлом фоне / mark on light bg |
| **Teal (brand)** | `#00897B` | Главный бренд-цвет, кнопки, акценты / primary brand |
| Teal deep | `#0B3B45` | Тёмный teal, фоны / dark teal |
| Teal light | `#26A69A` | Светлый акцент / light accent |
| **Green** | `#4CAF50` | Вторичный, success, конец градиента CTA / secondary |
| Green dark | `#0D7C5F` | — |
| **Amber** | `#F8A13A` | **Единственный тёплый акцент** — знак/хвост заголовка/CTA/eyebrow/полоса на баннерах, выделение / the one warm accent |
| Amber light | `#F8B45E` | Светлый янтарь — текст пилюль / pill text |

## Фоны / Backgrounds

| Роль | Значение |
|---|---|
| **Brand gradient** (hero, тёмные баннеры) | `linear-gradient(165deg, #0A3039 0%, #0B4B45 35%, #00897B 100%)` |
| Surface (карточки) | `#FFFFFF` |
| Surface hover | `#F6F9F9` |
| Green bg (мягкий) | `#E1F5EE` |

## Текст / Text

| Роль | HEX |
|---|---|
| Primary | `#1B2B30` |
| Secondary | `#5A6B70` |
| Tertiary | `#9AABAF` |
| On dark | `#FFFFFF` |

## Градиенты-кнопки / CTA gradients

| Назначение | Значение |
|---|---|
| Primary CTA | `linear-gradient(135deg, #00897B 0%, #4CAF50 100%)` |
| Avatar / accent | `linear-gradient(135deg, #0B3B45 0%, #00897B 100%)` |

## Эффекты / Effects

- Amber glow: `0 0 20px rgba(248,161,58,0.4)`
- Teal glow: `0 0 20px rgba(0,137,123,0.3)`
- Card shadow: `0 4px 24px rgba(0,30,25,0.10)`

## Правило применения / Rule

- **Тёмный носитель** (баннер, обложка) → тёмный teal фон + белый wordmark + **янтарные** акценты (знак, CTA, заголовок-хвост).
- **Светлый носитель** (документ, презентация) → белый фон + navy/teal логотип + teal акценты.
- Знак (mark) исторически navy `#1E2A3A`; teal-версия допустима для консистентности с сайтом.
