/* Light theme */
:root {
    /* #region application.css */
    --body-background: white;
    --body-color: black;
    --textarea-background: white;
    --textarea-border: black;

    --btn-background: rgba(0, 0, 0, 0.03);
    --btn-border: rgba(0, 0, 0, 0.1);
    --btn-shadow: rgba(0, 0, 0, 0.5);
    --btn-icon-color: #222;
    --btn-hover-icon-color: blue;
    --btn-hover-background: rgba(255, 255, 255, 0.6);
    --btn-active-background: #d0d0d0;
    
    --input-background: rgba(255, 255, 255, 0.6);
    --input-border: #ccc;
    --input-focus-background: white;
    --input-focus-border: #007bff;

    --flash-text-color: rgba(0, 0, 0, 0.6);
    /* #endregion */

    /* #region header.css */
    --header-background-start: #4197ff;
    --header-background-end: #8bbffe;
    --header-border-color: black;
    --header-box-shadow: rgba(0, 0, 0, 0.1);
    --header-text-color: white;
    --header-page-title: rgba(255, 255, 255, 1);
    --header-page-title-text-shadow: rgba(0, 0, 0, 1);
    --header-btn-color: rgba(255, 255, 255, 0.4);
    --header-btn-hover-color: rgba(255, 255, 255, 0.8);
    --favicon-background: aliceblue;
    --favicon-border: black;
    /* #endregion */

    /* #region article-card.css */
    --article-card-title-color: rgba(0, 0, 0, 0.8);
    --article-card-author-color: #555;
    /* #endregion */

    /* #region article-list-section.css */
    --new-article-btn-color: rgba(255, 255, 255, 0.6);
    --new-article-btn-hover-color: white;
    /* #endregion */

    /* #region article-page.css */
    --article-page-author-color: #555;
    --article-page-delete-btn-color: red;
    /* #endregion */

    /* #region card.css */
    --card-gradient-start: rgba(255, 255, 255, 0.2);
    --card-gradient-end: rgba(0, 0, 0, 0.1);
    --card-border-color: rgba(0, 0, 0, 0.2);
    --card-shadow-color: rgba(0, 0, 0, 0.2);
    --card-hover-background: rgba(0, 0, 0, 0.1);
    --card-link-color: rgba(0, 0, 0, 0.8);
    /* #endregion */

    /* #region comment.css */
    --comment-form-background: rgba(31, 146, 253, 0.2);
    --comment-form-border: rgba(0, 0, 0, 0.5);
    --comment-form-shadow: rgba(0, 0, 0, 0.2);
    --comments-section-background: #f9f9f9;
    --comments-section-border: rgba(0, 0, 0, 0.2);
    --comments-section-shadow: rgba(0, 0, 0, 0.5);
    --comment-card-background: #fff;
    --comment-card-border: #ddd;
    --comment-card-shadow: rgba(0, 0, 0, 0.05);
    --comment-author-color: #555;
    --comment-body-color: #333;
    --delete-comment-btn-hover-color: red;
    --like-count-color: #555;
    /* #endregion */

    /* #region form.css */
    --form-top-gradient-start: rgb(65, 151, 255);
    --form-top-gradient-end: rgb(139, 191, 254);
    --form-input-background: rgba(255, 255, 255, 0.6);
    --form-input-border: #ccc;
    --form-input-focus-background: white;
    --form-input-focus-border: #007bff;
    --login-btn-background: #f0f0f0;
    --login-btn-hover-background: rgb(245, 245, 245);
    --login-btn-border: #ccc;
    --login-btn-color: #333;
    --submit-btn-background: #1f92fd;
    --submit-btn-hover-background: #007acc;
    /* #endregion */

    /* #region login-modal.css */
    --modal-overlay-bg: rgba(0, 0, 0, 0.4);
    --modal-content-bg: #fefefe;
    --modal-content-border: black;
    --modal-close-color: rgba(0, 0, 0, 0.6);
    --modal-close-hover-color: black;
    /* #endregion */

    /* #region section-container.css */
    --section-bg-color: rgba(31, 146, 253, 0.2);
    --section-border-color: rgba(0, 0, 0, 0.5);
    --section-shadow-color: rgba(0, 0, 0, 0.2);
    --section-header-gradient-start: rgb(65, 151, 255);
    --section-header-gradient-end: rgb(139, 191, 254);
    --section-header-border: rgba(0, 0, 0, 0.5);
    --section-header-shadow: rgba(0, 0, 0, 0.2);
    --section-header-text-color: white;
    /* #endregion */

    /* #region signup-form.css */
    --signup-submit-btn-border: #c6c6c6;
    --signup-submit-btn-color: #333;
    --signup-submit-btn-background: #ebf5ff;
    /* #endregion */

}

/* Overrides for the dark theme */
body.dark-mode {
    /* #region application.css */
    --body-background: #212b36;
    --body-color: rgba(255,255,255,0.8);
    --textarea-background: rgba(255, 255, 255, 0.4);
    --textarea-border: rgba(255, 255, 255, 0.4);

    --btn-background: rgba(255, 255, 255, 0.03);
    --btn-border: rgba(255, 255, 255, 0.1);
    --btn-shadow: rgba(2, 0, 0, 0.2);
    --btn-icon-color: #eee;
    --btn-hover-icon-color: #90caf9;
    --btn-hover-background: rgba(255, 255, 255, 0.1);
    --btn-active-background: #555555;
    
    --input-background: rgba(0, 0, 0, 0.2);
    --input-border: #555;
    --input-focus-background: #1e1e1e;
    --input-focus-border: #90caf9;

    --flash-text-color: rgba(255, 255, 255, 0.6);
    /* #endregion */

    /* #region header.css */
    --header-background-start: #1a2a47;
    --header-background-end: #315277;
    --header-border-color: #555555;
    --header-box-shadow: rgba(255, 255, 255, 0.1);
    --header-text-color: #f0f0f0;
    --header-page-title: #ffffff;
    --header-page-title-text-shadow: rgba(255, 255, 255, 0.5);
    --header-btn-color: rgba(255, 255, 255, 0.3);
    --header-btn-hover-color: #ffffff;
    --favicon-background: #333333;
    --favicon-border: #888888;
    /* #endregion */

    /* #region article-card.css */
    --article-card-title-color: rgba(255, 255, 255, 0.9);
    --article-card-author-color: #aaaaaa;
    /* #endregion */

    /* #region article-list-section.css */
    --new-article-btn-color: rgba(255, 255, 255, 0.6);
    --new-article-btn-hover-color: white;
    /* #endregion */

    /* #region article-page.css */
    --article-page-author-color: #aaaaaa;
    --article-page-delete-btn-color: #dc3545; /* A slightly darker red for contrast */
    /* #endregion */

    /* #region card.css */
    --card-gradient-end: rgba(0, 0, 0, 0.2);
    --card-gradient-start: rgba(255, 255, 255, 0.1);
    --card-border-color: rgba(255, 255, 255, 0.2);
    --card-shadow-color: rgba(255, 255, 255, 0.1);
    --card-hover-background: rgba(255, 255, 255, 0.2);
    --card-link-color: rgba(255, 255, 255, 0.8);
    /* #endregion */

    /* #region comment.css */
    --comment-form-background: rgba(31, 146, 253, 0.2);
    --comment-form-border: rgba(255, 255, 255, 0.5);
    --comment-form-shadow: rgba(255, 255, 255, 0.2);
    --comments-section-background: #2c394e;
    --comments-section-border: rgba(255, 255, 255, 0.1);
    --comments-section-shadow: rgba(255, 255, 255, 0.1);
    --comment-card-background: #222222;
    --comment-card-border: #444;
    --comment-card-shadow: rgba(255, 255, 255, 0.05);
    --comment-author-color: #aaaaaa;
    --comment-body-color: #dddddd;
    --delete-comment-btn-hover-color: #dc3545;
    --like-count-color: #aaaaaa;
    /* #endregion */

    /* #region form.css */
    --form-top-gradient-start: #1a2a47;
    --form-top-gradient-end: #315277;
    --form-input-background: rgba(0, 0, 0, 0.2);
    --form-input-border: #555;
    --form-input-focus-background: #1e1e1e;
    --form-input-focus-border: #90caf9;
    --login-btn-background: #333;
    --login-btn-hover-background: #222;
    --login-btn-border: #555;
    --login-btn-color: #f0f0f0;
    --submit-btn-background: #1747a0;
    --submit-btn-hover-background: #007acc;
    /* #endregion */

    /* #region login-modal.css */
    --modal-overlay-bg: rgba(0, 0, 0, 0.6);
    --modal-content-bg: var(--body-background);
    --modal-content-border: #555;
    --modal-close-color: rgba(255, 255, 255, 0.6);
    --modal-close-hover-color: white;
    /* #endregion */

    /* #region section-container.css */
    --section-bg-color: rgba(26, 43, 63, 0.2);
    --section-border-color: rgba(255, 255, 255, 0.2);
    --section-shadow-color: rgba(255, 255, 255, 0.1);
    --section-header-gradient-start: #1a2a47;
    --section-header-gradient-end: #315277;
    --section-header-border: rgba(255, 255, 255, 0.2);
    --section-header-shadow: rgba(255, 255, 255, 0.1);
    --section-header-text-color: #f0f0f0;
    /* #endregion */

    /* #region signup-form.css */
    --signup-submit-btn-border: #555;
    --signup-submit-btn-color: #f0f0f0;
    --signup-submit-btn-background: #1a2a47;
    /* #endregion */
}

/* Fall theme */
body.fall-mode {
    /* #region application.css */
    --body-background: #4e2e0e;    /* Deep Brown */
    --body-color: #f5e6c8;         /* Wheat/Light Tan */
    --textarea-background: #7c5e3c;/* Medium Brown */
    --textarea-border: #c97a3a;    /* Pumpkin Orange */

    --btn-background: #a0512d7b;     /* Sienna Brown */
    --btn-border: #f5e6c87b;         /* Wheat/Light Tan */
    --btn-shadow: rgba(201, 122, 58, 0.3); /* Pumpkin Glow */
    --btn-icon-color: #f5e6c8;     /* Wheat/Light Tan */
    --btn-hover-icon-color: #4e2e0e; /* Deep Brown */
    --btn-hover-background: #c97a3a; /* Pumpkin Orange */
    --btn-active-background: #3b210a; /* Very Dark Brown */

    --input-background: #7c5e3c;   /* Medium Brown */
    --input-border: #bfa76a;       /* Muted Gold */
    --input-focus-background: #4e2e0e; /* Deep Brown */
    --input-focus-border: #fffbe6; /* Pale Gold */

    --flash-text-color: #c97a3a;   /* Pumpkin Orange */
    /* #endregion */

    /* #region header.css */
    --header-background-start: #7c5e3c; /* Medium Brown */
    --header-background-end: #4e2e0e;   /* Deep Brown */
    --header-border-color: #fffbe6;     /* Pale Gold */
    --header-box-shadow: rgba(245, 230, 200, 0.3); /* Wheat Shadow */
    --header-text-color: #f5e6c8;       /* Wheat/Light Tan */
    --header-page-title: #c97a3a;       /* Pumpkin Orange */
    --header-page-title-text-shadow: #3b210a; /* Dark Brown Shadow */
    --header-btn-color: #bfa76a;        /* Muted Gold */
    --header-btn-hover-color: #f5e6c8;  /* Wheat/Light Tan */
    --favicon-background: #a0522d;      /* Sienna Brown */
    --favicon-border: #f5e6c8;          /* Wheat/Light Tan */
    /* #endregion */

    /* #region article-card.css */
    --article-card-title-color: #fffbe6; /* Pale Gold */
    --article-card-author-color: #c97a3a; /* Pumpkin Orange */
    /* #endregion */

    /* #region article-list-section.css */
    --new-article-btn-color: #a0522d;       /* Sienna Brown */
    --new-article-btn-hover-color: #4e2e0e; /* Deep Brown */
    /* #endregion */

    /* #region article-page.css */
    --article-page-author-color: #c97a3a;   /* Pumpkin Orange */
    --article-page-delete-btn-color: #b22222; /* Firebrick Red */
    /* #endregion */

    /* #region card.css */
    --card-gradient-end: rgba(78, 46, 14, 0.8);  /* Deep Brown Transparent */
    --card-gradient-start: rgba(124, 94, 60, 0.8); /* Medium Brown Transparent */
    --card-border-color: #bfa76a;             /* Muted Gold Edge */
    --card-shadow-color: #c97a3a5e;           /* Pumpkin Shadow */
    --card-hover-background: #6b3e1d;         /* Slightly darker brown on hover */
    --card-link-color: #f5e6c8;               /* Wheat/Light Tan link */
    /* #endregion */

    /* #region comment.css */
    --comment-form-background: #7c5e3c;    /* Medium Brown */
    --comment-form-border: #bfa76a;        /* Muted Gold */
    --comment-form-shadow: #c97a3a;        /* Pumpkin Orange */
    --comments-section-background: #ffffff10; /* Very Dark Brown */
    --comments-section-border: #f5e6c8;    /* Wheat/Light Tan */
    --comments-section-shadow: #a0522d;    /* Sienna Brown */
    --comment-card-background: #6b3e1d;    /* Darker Brown */
    --comment-card-border: #c97a3a;        /* Pumpkin Orange Outline */
    --comment-card-shadow: #bfa76a;        /* Muted Gold */
    --comment-author-color: #c97a3a;       /* Pumpkin Orange */
    --comment-body-color: #f5e6c8;         /* Wheat/Light Tan */
    --delete-comment-btn-hover-color: #b22222; /* Firebrick Red */
    --like-count-color: #c97a3a;           /* Pumpkin Orange */
    /* #endregion */

    /* #region form.css */
    --form-top-gradient-start: #7c5e3c;  /* Medium Brown */
    --form-top-gradient-end: #4e2e0e;    /* Deep Brown */
    --form-input-background: #3b210a;    /* Very Dark Brown */
    --form-input-border: #bfa76a;        /* Muted Gold */
    --form-input-focus-background: #6b3e1d; /* Darker Brown */
    --form-input-focus-border: #fffbe6;  /* Pale Gold */
    --login-btn-background: #a0522d;     /* Sienna Brown */
    --login-btn-hover-background: #c97a3a; /* Pumpkin Orange */
    --login-btn-border: #f5e6c8;         /* Wheat/Light Tan */
    --login-btn-color: #4e2e0e;          /* Deep Brown Text */
    --submit-btn-background: #c97a3a;    /* Pumpkin Orange */
    --submit-btn-hover-background: #a0522d; /* Sienna Brown */
    /* #endregion */

    /* #region login-modal.css */
    --modal-overlay-bg: rgba(245, 230, 200, 0.2); /* Wheat Transparent Overlay */
    --modal-content-bg: #6b3e1d;           /* Darker Brown */
    --modal-content-border: #fffbe6;       /* Pale Gold */
    --modal-close-color: #c97a3a;          /* Pumpkin Orange */
    --modal-close-hover-color: #fffbe6;    /* Pale Gold */
    /* #endregion */

    /* #region section-container.css */
    --section-bg-color: rgba(124, 94, 60, 0.4); /* Medium Brown Transparent */
    --section-border-color: #bfa76a;          /* Muted Gold */
    --section-shadow-color: #3b210a;          /* Very Dark Brown */
    --section-header-gradient-start: #4e2e0e; /* Medium Brown */
    --section-header-gradient-end: #7c5e3c;   /* Deep Brown */
    --section-header-border: #c97a3a;         /* Pumpkin Orange */
    --section-header-shadow: rgba(160, 82, 45, 0.4);         /* Sienna Shadow */
    --section-header-text-color: #fffbe6;     /* Pale Gold */
    /* #endregion */

    /* #region signup-form.css */
    --signup-submit-btn-border: #fffbe6;       /* Pale Gold */
    --signup-submit-btn-color: #f5e6c8;        /* Wheat/Light Tan */
    --signup-submit-btn-background: #a0522d;   /* Sienna Brown */
    /* #endregion */
}

/* Halloween theme */
body.spooky-mode {
    /* #region application.css */
    --body-background: rgb(13, 5, 5);
    --body-color: #ff9800;
    --textarea-background: #2d1600;
    --textarea-border: #ff6f00;

    --btn-background: #7c2e0b;
    --btn-border: #ff9800;
    --btn-shadow: rgba(255, 87, 34, 0.2);
    --btn-icon-color: #ff9800;
    --btn-hover-icon-color: #793400;
    --btn-hover-background: #ff6f00;
    --btn-active-background: #4e2600;
    
    --input-background: #2d1600;
    --input-border: #ff6f00;
    --input-focus-background: #1a0a0a;
    --input-focus-border: #ff9800;

    --flash-text-color: #ff9800;
    /* #endregion */

    /* #region header.css */
    --header-background-start: #4e2600;
    --header-background-end: #7c2e0b;
    --header-border-color: #ff9800;
    --header-box-shadow: rgba(255, 87, 34, 0.2);
    --header-text-color: #ff9800;
    --header-page-title: #ff6f00;
    --header-page-title-text-shadow: #1a0a0a;
    --header-btn-color: #ff9800;
    --header-btn-hover-color: #ff6f00;
    --favicon-background: #ff6f00;
    --favicon-border: #ff9800;
    /* #endregion */

    /* #region article-card.css */
    --article-card-title-color: #ff9800;
    --article-card-author-color: #ff6f00;

    /* #endregion */

    /* #region article-list-section.css */
    --new-article-btn-color: #ff9800;
    --new-article-btn-hover-color: #7c2e0b;
    /* #endregion */

    /* #region article-page.css */
    --article-page-author-color: #ff6f00;
    --article-page-delete-btn-color: #b71c1c;
    /* #endregion */

    /* #region card.css */
    --card-gradient-end: rgba(42, 20, 20, 0.5);
    --card-gradient-start: rgba(124, 46, 11, 0.5);
    --card-border-color: #ff9800;
    --card-shadow-color: #4e2600;
    --card-hover-background: #4e2600;
    --card-link-color: #ff9800;
    /* #endregion */

    /* #region comment.css */
    --comment-form-background: #4e2600;
    --comment-form-border: #ff9800;
    --comment-form-shadow: #7c2e0b;
    --comments-section-background: #1a0a0a;
    --comments-section-border: #ff9800;
    --comments-section-shadow: #4e2600;
    --comment-card-background: #2d1600;
    --comment-card-border: #ff6f00;
    --comment-card-shadow: #7c2e0b;
    --comment-author-color: #ff9800;
    --comment-body-color: #ffb74d;
    --delete-comment-btn-hover-color: #b71c1c;
    --like-count-color: #ff6f00;
    /* #endregion */

    /* #region form.css */
    --form-top-gradient-start: #4e2600;
    --form-top-gradient-end: #7c2e0b;
    --form-input-background: #2d1600;
    --form-input-border: #ff6f00;
    --form-input-focus-background: #1a0a0a;
    --form-input-focus-border: #ff9800;
    --login-btn-background: #7c2e0b;
    --login-btn-hover-background: #ff9800;
    --login-btn-border: #ff6f00;
    --login-btn-color: #ffb74d;
    --submit-btn-background: #ff6f00;
    --submit-btn-hover-background: #b71c1c;
    /* #endregion */

    /* #region login-modal.css */
    --modal-overlay-bg: rgba(123, 31, 162, 0.4);
    --modal-content-bg: #2d1600;
    --modal-content-border: #ff9800;
    --modal-close-color: #ff9800;
    --modal-close-hover-color: #ff6f00;
    /* #endregion */

    /* #region section-container.css */
    --section-bg-color: rgba(26, 10, 10, 0.2);
    --section-border-color: #ff6f00;
    --section-shadow-color: #4e2600;
    --section-header-gradient-start: #4e2600;
    --section-header-gradient-end: #7c2e0b;
    --section-header-border: #ff9800;
    --section-header-shadow: #4e2600;
    --section-header-text-color: #ff9800;
    /* #endregion */

    /* #region signup-form.css */
    --signup-submit-btn-border: #ff6f00;
    --signup-submit-btn-color: #ffb74d;
    --signup-submit-btn-background: #7c2e0b;
    /* #endregion */
}

/* Santa theme */
body.santa-mode {
    /* Main Palette: Deep Blue, Icy Cyan, Snowy White, Cool Silver */
    
    /* #region application.css */
    --body-background: #0b3552;    /* Deep Winter Sky Blue */
    --body-color: #e0f7fa;         /* Icy Light Blue/Snowy White */
    --textarea-background: #1a5276;/* Medium Cold Blue */
    --textarea-border: #80deea;    /* Icy Cyan Highlight */

    --btn-background: #455a64;     /* Cold Slate Gray */
    --btn-border: #e0f7fa;         /* Snowy White */
    --btn-shadow: rgba(128, 222, 234, 0.4); /* Icy Blue Glow */
    --btn-icon-color: #e0f7fa;     /* Icy White */
    --btn-hover-icon-color: #0b3552; /* Deep Blue */
    --btn-hover-background: #80deea; /* Icy Cyan */
    --btn-active-background: #0d2838; /* Very Dark Blue */
    
    --input-background: #1a5276;   /* Medium Cold Blue */
    --input-border: #bdbdbd;       /* Silver */
    --input-focus-background: #0b3552; /* Deep Blue */
    --input-focus-border: #ffffff; /* Pure Snow White */

    --flash-text-color: #80deea;   /* Icy Cyan (like a reflection) */
    /* #endregion */

    /* #region header.css (The Frozen Horizon) */
    --header-background-start: #1a5276; /* Medium Cold Blue */
    --header-background-end: #0b3552;   /* Deep Blue */
    --header-border-color: #ffffff;     /* Snowdrift White */
    --header-box-shadow: rgba(224, 247, 250, 0.4); /* Snowy Shadow */
    --header-text-color: #e0f7fa;       /* Icy White */
    --header-page-title: #80deea;       /* Icy Cyan */
    --header-page-title-text-shadow: #0d2838; /* Dark Blue Shadow */
    --header-btn-color: #bdbdbd;        /* Silver */
    --header-btn-hover-color: #e0f7fa;  /* Icy White */
    --favicon-background: #455a64;      /* Slate Gray */
    --favicon-border: #e0f7fa;          /* Snowy White */
    /* #endregion */

    /* #region article-card.css */
    --article-card-title-color: #ffffff; /* Pure White */
    --article-card-author-color: #80deea; /* Icy Cyan */

    /* #endregion */

    /* #region article-list-section.css */
    --new-article-btn-color: #455a64;       /* Slate Gray */
    --new-article-btn-hover-color: #0b3552; /* Deep Blue */
    /* #endregion */

    /* #region article-page.css */
    --article-page-author-color: #80deea;   /* Icy Cyan */
    --article-page-delete-btn-color: #d32f2f; /* Standard danger red (kept for safety) */
    /* #endregion */

    /* #region card.css (A block of Ice) */
    --card-gradient-end: rgba(11, 53, 82, 0.8);  /* Deep Blue Transparent */
    --card-gradient-start: rgba(26, 82, 118, 0.8); /* Medium Blue Transparent */
    --card-border-color: rgb(64, 111, 117);             /* Icy Cyan Edge */
    --card-shadow-color: #d2c3c35e;             /* Silver Shadow */
    --card-hover-background: #104261;         /* Slightly darker blue on hover */
    --card-link-color: #e0f7fa;               /* Icy White link */
    /* #endregion */

    /* #region comment.css (A Smaller Block of Ice) */
    --comment-form-background: #1a5276;    /* Medium Cold Blue */
    --comment-form-border: #bdbdbd;        /* Silver */
    --comment-form-shadow: #80deea;        /* Icy Cyan */
    --comments-section-background: #0d2838; /* Very Dark Blue */
    --comments-section-border: #e0f7fa;    /* Snowy White */
    --comments-section-shadow: #455a64;    /* Slate Gray */
    --comment-card-background: #104261;    /* Darker Cold Blue */
    --comment-card-border: #80deea;        /* Icy Cyan Outline */
    --comment-card-shadow: #bdbdbd;        /* Silver */
    --comment-author-color: #80deea;       /* Icy Cyan */
    --comment-body-color: #e0f7fa;         /* Icy White */
    --delete-comment-btn-hover-color: #d32f2f; /* Standard danger red */
    --like-count-color: #80deea;           /* Icy Cyan */
    /* #endregion */

    /* #region form.css */
    --form-top-gradient-start: #1a5276;  /* Medium Cold Blue */
    --form-top-gradient-end: #0b3552;    /* Deep Blue */
    --form-input-background: #0d2838;    /* Very Dark Blue */
    --form-input-border: #bdbdbd;        /* Silver */
    --form-input-focus-background: #104261; /* Darker Cold Blue */
    --form-input-focus-border: #ffffff;  /* Pure Snow White */
    --login-btn-background: #455a64;     /* Slate Gray */
    --login-btn-hover-background: #80deea; /* Icy Cyan */
    --login-btn-border: #e0f7fa;         /* Icy White */
    --login-btn-color: #0b3552;          /* Deep Blue Text */
    --submit-btn-background: #80deea;    /* Icy Cyan */
    --submit-btn-hover-background: #455a64; /* Slate Gray */
    /* #endregion */

    /* #region login-modal.css (Icy Fog Overlay) */
    --modal-overlay-bg: rgba(224, 247, 250, 0.2); /* Light/Icy Transparent Overlay */
    --modal-content-bg: #104261;           /* Darker Cold Blue */
    --modal-content-border: #ffffff;       /* Pure Snow White */
    --modal-close-color: #80deea;          /* Icy Cyan */
    --modal-close-hover-color: #ffffff;    /* Pure Snow White */
    /* #endregion */

    /* #region section-container.css */
    --section-bg-color: rgba(26, 82, 118, 0.4); /* Medium Blue Transparent */
    --section-border-color: #bdbdbd;          /* Silver */
    --section-shadow-color: #0d2838;          /* Very Dark Blue */
    --section-header-gradient-start: #1a5276; /* Medium Cold Blue */
    --section-header-gradient-end: #0b3552;   /* Deep Blue */
    --section-header-border: #80deea;         /* Icy Cyan */
    --section-header-shadow: rgba(69, 90, 100, 0.4);         /* Slate Gray */
    --section-header-text-color: #ffffff;     /* Pure Snow White */
    /* #endregion */

    /* #region signup-form.css */
    --signup-submit-btn-border: #ffffff;       /* Pure Snow White */
    --signup-submit-btn-color: #e0f7fa;        /* Icy White */
    --signup-submit-btn-background: #455a64;   /* Slate Gray */
    /* #endregion */
}