:root{
/* Brand palette (from "Kopie návrhu #f3e9d7") */
--less-cream:#f3e9d7;
--less-sand:#d6bfa6;
--less-cocoa:#322a20;
--less-sage:#7a8868;
--less-forest:#183c06;
/* Derived tints (oklch mixes of the palette) */
--less-cream-light:#faf5ec;
--less-cream-deep:#ebdec6;
--less-sand-dark:#b89f84;
--less-cocoa-soft:#5a4e40;
--less-cocoa-muted:#6e6252;
--less-sage-light:#dfe3d4;
--less-sage-dark:#5f6c4f;
--less-forest-soft:#2c5418;
--less-white:#fffdf9;
/* Semantic — surfaces */
--surface-page:var(--less-cream);
--surface-raised:var(--less-cream-light);
--surface-card:var(--less-white);
--surface-sunken:var(--less-cream-deep);
--surface-accent:var(--less-sand);
--surface-sage:var(--less-sage);
--surface-inverse:var(--less-forest);
--surface-dark:var(--less-cocoa);
/* Semantic — text */
--text-body:var(--less-cocoa);
--text-muted:var(--less-cocoa-muted);
--text-heading:var(--less-cocoa);
--text-hand:var(--less-forest);
--text-accent:var(--less-sage-dark);
--text-on-dark:var(--less-cream);
--text-on-sage:var(--less-white);
/* Semantic — lines & actions */
--border-soft:rgba(50,42,32,.12);
--border-default:rgba(50,42,32,.22);
--border-strong:var(--less-cocoa);
--action-primary:var(--less-forest);
--action-primary-hover:var(--less-forest-soft);
--action-secondary:var(--less-sage);
--action-secondary-hover:var(--less-sage-dark);
--focus-ring:rgba(122,136,104,.45);
/* Feedback (kept inside the earthy palette) */
--status-success:var(--less-sage-dark);
--status-success-bg:var(--less-sage-light);
--status-warning:#9a6a2a;
--status-warning-bg:#f1dfbf;
--status-error:#8f3b2a;
--status-error-bg:#f1d6cc;
}