/* ---- Colours (Fider design tokens) ---- */
body[data-theme=light] {
    --colors-primary-base: #00a63e;
    --colors-primary-dark: #006e2b;
    --colors-primary-light: #c6ecd5;

    --colors-gray-50: #edf9f2;
    --colors-gray-100: #f6fbf8;
    --colors-gray-200: #e8f5ee;
    --colors-gray-300: #dae9e0;
    --colors-gray-400: #cbdcd2;
    --colors-gray-500: #a8bdb0;
    --colors-gray-600: #849e8f;
    --colors-gray-700: #446150;
    --colors-gray-800: #223c2d;
    --colors-gray-900: #04120a;

    --colors-blue-50: #edf9f2;
    --colors-blue-100: #e8f5ee;
    --colors-blue-700: #006e2b;
}

body[data-theme=dark] {
    --colors-primary-base: #1fbb60;
    --colors-primary-dark: #57d287;
    --colors-primary-light: #14532d;

    --colors-white: #0d1f15;
    --colors-black: #dae9e0;
    --colors-gray-50: #04120a;
    --colors-gray-100: #081a10;
    --colors-gray-200: #12281c;
    --colors-gray-300: #1c3727;
    --colors-gray-400: #264a34;
    --colors-gray-500: #3a6350;
    --colors-gray-600: #849e8f;
    --colors-gray-700: #a8bdb0;
    --colors-gray-800: #cbdcd2;
    --colors-gray-900: #edf9f2;

    --colors-blue-50: #12281c;
    --colors-blue-100: #12281c;
    --colors-blue-700: #57d287;
}

/* ---- Typography ---- */
body {
    font-family: 'Manrope', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    background-color: var(--colors-gray-100);
}

h1, h2, h3, h4,
.text-display,
.text-header,
.text-title,
.p-home__welcome-title {
    font-weight: 800;
    letter-spacing: -0.01em;
}

/* ---- Header ---- */
.c-menu {
    background-color: var(--colors-white);
    border-bottom: 1px solid var(--colors-gray-300);
}

.c-header__nav-link--active {
    color: var(--colors-primary-dark);
    border-bottom-color: var(--colors-primary-base);
}

/* ---- Buttons (Kimai: 4px radius, medium weight) ---- */
.c-button {
    border-radius: 4px;
    font-weight: 500;
}

.c-button--primary {
    background-color: var(--colors-primary-base);
    border-color: var(--colors-primary-base);
    color: #fff;
}

.c-button--primary:hover:not(.c-button--disabled) {
    background-color: var(--colors-primary-dark);
    border-color: var(--colors-primary-dark);
}

/* ---- Cards, inputs ---- */
.c-posts-container__post,
.p-home__add-idea-btn,
.c-comment-input-card,
.c-modal-window {
    border-radius: 16px;
    border: 1px solid var(--colors-gray-300);
    box-shadow: none;
}

.c-posts-container__post:hover {
    border-color: var(--colors-primary-base);
}

.c-input,
.c-textarea,
.c-select {
    border-radius: 4px;
    border-color: var(--colors-gray-400);
}

.c-input:focus,
.c-textarea:focus,
.c-select:focus {
    border-color: var(--colors-primary-base);
    box-shadow: 0 0 0 2px var(--colors-primary-light);
}

/* ---- Links ---- */
a {
    color: var(--colors-primary-dark);
}

/* ---- Hide "Powered by Fider" ---- */
.c-powered {
    display: none !important;
}