Дмитрий
48 lines
1.4 KiB
CSS
48 lines
1.4 KiB
CSS
/* app/resources/css/tokens.css
|
|
* Liderra Forest design tokens (Iteration 1 — Quiet Luxury).
|
|
* Spec: docs/superpowers/specs/2026-05-12-portal-redesign-quiet-luxury-design.md
|
|
*/
|
|
:root {
|
|
/* ===== Палитра (12 токенов) ===== */
|
|
--liderra-teal: #0F6E56;
|
|
--liderra-teal-deep: #0A5A47;
|
|
--liderra-noir: #012019;
|
|
--liderra-ivory: #F6F3EC;
|
|
--liderra-surface: #FFFFFF;
|
|
--liderra-muted: #6B6356;
|
|
--liderra-success: #2E8B57;
|
|
--liderra-saffron: #D9A441;
|
|
--liderra-error: #B83A3A;
|
|
--liderra-info: #3F7C95;
|
|
--liderra-plum: #7A5BA3;
|
|
--liderra-salmon: #CC6E50;
|
|
|
|
/* ===== Тонкие поверхности ===== */
|
|
--liderra-line: rgba(1, 32, 25, 0.08);
|
|
--liderra-line-strong: rgba(1, 32, 25, 0.14);
|
|
|
|
/* ===== Spacing (4pt grid) ===== */
|
|
--space-1: 4px;
|
|
--space-2: 8px;
|
|
--space-3: 12px;
|
|
--space-4: 16px;
|
|
--space-6: 24px;
|
|
--space-8: 32px;
|
|
--space-12: 48px;
|
|
--space-16: 64px;
|
|
|
|
/* ===== Радиусы ===== */
|
|
--radius-6: 6px;
|
|
--radius-8: 8px;
|
|
--radius-10: 10px;
|
|
--radius-12: 12px;
|
|
--radius-14: 14px;
|
|
--radius-full: 999px;
|
|
|
|
/* ===== Shadows (ambient + key, двухслойные) ===== */
|
|
--shadow-1: 0 1px 2px rgba(1, 32, 25, 0.04);
|
|
--shadow-2: 0 4px 12px rgba(1, 32, 25, 0.06), 0 1px 2px rgba(1, 32, 25, 0.04);
|
|
--shadow-3: 0 12px 28px rgba(1, 32, 25, 0.10);
|
|
--shadow-4: 0 24px 48px rgba(1, 32, 25, 0.16);
|
|
}
|