:root {
    /* UI palette */
    --color-deep-forest: #102716;
    --color-swamp-green: #4a644d;
    --color-orange: #de6d20;
    --color-black: #111111;
    --color-dark-grey: #515151;
    --color-smoke-grey: #e5e5e5;
    --color-white: #ffffff;

    /* Mehumi / surfaces (Figma) */
    --color-page-bg: #f0ece9;
    --color-intro-bg: #e9e2da;
    --color-brand-dark: #503a3c;
    --color-brand-brown: #725640;
    --color-hero-orange: #d68259;
    --color-hero-orange-light: #ffdbca;
    --color-badge-bg: #f8f4f0;
    --color-form-field-bg: #f6f1ee;
    --color-menu-muted: #95826e;
    --color-dropdown-bg: #f9f9f9;
    --color-chevron: #c6b4a6;
    --color-card-shape: #f5efe9;
    --color-header-muted: #72655b;
    --color-text-strong: #211617;
    --color-chevron-hover: #968376;
    --color-btn-primary-hover: #5e4734;
    --color-btn-primary-active: #4b3828;
    --color-btn-disabled-bg: #f9f9f9;
    --color-btn-disabled-text: #d9c7b9;
    --color-surface-hover: #ece9e6;
    --color-user-border: #ecf2fa;
    --color-telegram-blue: #33a3f9;
    --color-telegram-subtitle: #75665b;
    --color-stat-label: #bdafa4;
    --color-favorite: #ff6161;

    --transition-ui: 0.15s ease;

    /* Semantic aliases */
    --color-primary: var(--color-deep-forest);
    --color-secondary: var(--color-swamp-green);
    --color-accent: var(--color-orange);
    --color-text: var(--color-black);
    --color-text-muted: var(--color-dark-grey);
    --color-border: var(--color-smoke-grey);
    --color-surface: var(--color-white);
    --color-surface-alt: var(--color-smoke-grey);

    --container-width: 1440px;
    --radius-lg: 16px;
    --radius-md: 12px;
    --radius-pill: 999px;

    /* Typography (Figma) */
    --font-family-base: "Geologica", system-ui, sans-serif;
    --font-size-m: 14px;
    --font-weight-medium: 500;
    --line-height-m: 100%;
    --tracking-m: -0.02em;
}