:root {
    /* Font */
    --new-font-family: "Nunito", sans-serif;

    /* Main brand colors */
    --new-color-primary: #2cb0b2;
    --new-color-primary-dark: #188a98;
    --new-color-primary-deep: #128b98;
    --new-color-primary-rgb: 44, 176, 178;

    /* Secondary / button colors */
    --new-color-secondary: #20305f;
    --new-color-secondary-dark: #111b3c;
    --new-color-secondary-rgb: 32, 48, 95;

    /* Text colors */
    --new-color-heading: #10283a;
    --new-color-text: #465b64;
    --new-color-muted: #657882;
    --new-color-white: #ffffff;

    /* Page backgrounds */
    --new-color-page-bg: #ffffff;
    --new-color-form-bg: #ffffff;
    --new-color-form-soft-bg: #fbfefe;

    /* Brand panel */
    --new-brand-gradient-start: rgba(50, 188, 190, 0.96);
    --new-brand-gradient-end: rgba(28, 148, 158, 0.98);
    --new-brand-panel-bg: linear-gradient(135deg, var(--new-brand-gradient-start), var(--new-brand-gradient-end));
    --new-brand-bg-image: url("../../images/bg.webp");

    /* Badge */
    --new-badge-bg: rgba(255, 255, 255, 0.20);
    --new-badge-text: #ffffff;
    --new-badge-border: rgba(255, 255, 255, 0.22);

    /* Form fields */
    --new-input-bg: #eef5ff;
    --new-input-bg-focus: #ffffff;
    --new-input-border: #d3e0e8;
    --new-input-border-focus: #2cb0b2;
    --new-input-text: #10283a;
    --new-input-placeholder: #8a9ba5;
    --new-input-focus-shadow: rgba(44, 176, 178, 0.14);

    /* Button */
    --new-button-bg: linear-gradient(135deg, #20305f 0%, #111b3c 100%);
    --new-button-text: #ffffff;
    --new-button-shadow: rgba(32, 48, 95, 0.28);
    --new-button-shadow-hover: rgba(32, 48, 95, 0.34);

    /* Links */
    --new-link-color: #128b98;
    --new-link-hover: #20305f;

    /* Error */
    --new-error-bg: #fff4f4;
    --new-error-border: #ffcaca;
    --new-error-icon-bg: #dc2626;
    --new-error-title: #991b1b;
    --new-error-text: #b42318;
    --new-error-input-bg: #fffafa;
    --new-error-input-border: #f3a3a3;
    --new-error-focus-border: #dc2626;
    --new-error-focus-shadow: rgba(220, 38, 38, 0.12);
}