html.light /* LIGHT MODE – Arctic Royal */ {
    --background-node: linear-gradient(135deg, #f6f9fc, #e9eff5);
    --foreground-node: #20242c;

    --primary-node: #c0a243;
    --primary-hover-node: #a8892e;
    --primary-active-node: #7e681f;

    --secondary-node: #b03131;
    --secondary-hover-node: #902828;
    --secondary-active-node: #6c1d1d;

    --accent-node: #4a5b70;
    --accent-hover-node: #3b4a5b;
    --accent-active-node: #2d3948;

    --border-node: #c0a243;

    --header-background-node: #f1f5f9;
    --header-border-node: #c0a243;
    --header-text-node: #20242c;

    --nav-background-node: #f8fafc;
    --nav-border-node: #c0a243;
    --nav-text-node: #c0a243;
    --nav-hover-node: #b03131;

    --footer-background-node: #e9edf1;
    --footer-border-node: #c0a243;
    --footer-text-node: #333;

    --card-background-node: #ffffff;
    --card-border-node: #c0a243;
    --card-shadow-node: 0 4px 12px rgba(192, 162, 67, 0.15);

    --modal-background-node: #ffffff;
    --modal-border-node: #c0a243;
    --modal-shadow-node: 0 10px 24px rgba(192, 162, 67, 0.3);

    --button-background-node: linear-gradient(135deg, #3a4a69, #2b3651);
    --button-hover-node: linear-gradient(135deg, #2b3651, #1e2537);
    --button-active-node: #192031;
    --button-text-node: #e3e8f1;
    --button-hover-text-node: #ffffff;
    --button-active-text-node: #cbd6e8;
    --button-disabled-node: #a0a9b8;

    --input-background-node: #ffffff;
    --input-border-node: #c0a243;
    --input-text-node: #20242c;
    --input-placeholder-node: #7a7a7a;

    --form-control-background-node: #f4f7fa;
    --form-control-border-node: #c0a243;
    --form-control-checked-node: #b03131;
    --form-control-hover-node: #902828;

    --success-node: #2f9562;
    --error-node: #b03131;
    --warning-node: #c0a243;
    --info-node: #3c7bc1;

    --text-heading-node: #20242c;
    --text-subheading-node: #555;
    --text-muted-node: #777;
    --text-disabled-node: #aaa;

    --link-node: #b03131;
    --link-hover-node: #c0a243;
    --link-visited-node: #7a2020;

    --shadow-xs-node: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-sm-node: 0 2px 4px rgba(0, 0, 0, 0.07);
    --shadow-md-node: 0 4px 8px rgba(192, 162, 67, 0.15);
    --shadow-lg-node: 0 6px 18px rgba(192, 162, 67, 0.2);
    --shadow-xl-node: 0 10px 30px rgba(192, 162, 67, 0.3);
    --shadow-inset-node: inset 0 1px 3px rgba(0, 0, 0, 0.07);
}
html.dark /* DARK MODE – Royal Midnight */ {
    --background-node: linear-gradient(145deg, #141a22, #0d1117);
    --foreground-node: #e4e9ef;

    --primary-node: #c0a243;
    --primary-hover-node: #a8892e;
    --primary-active-node: #7e681f;

    --secondary-node: #b03131;
    --secondary-hover-node: #902828;
    --secondary-active-node: #6c1d1d;

    --accent-node: #2c3b4a;
    --accent-hover-node: #24303d;
    --accent-active-node: #1b242f;

    --border-node: #c0a243;

    --header-background-node: #1b2129;
    --header-border-node: #c0a243;
    --header-text-node: #e4e9ef;

    --nav-background-node: #12161c;
    --nav-border-node: #c0a243;
    --nav-text-node: #c0a243;
    --nav-hover-node: #b03131;

    --footer-background-node: #101417;
    --footer-border-node: #c0a243;
    --footer-text-node: #aaa;

    --card-background-node: #1a2028;
    --card-border-node: #c0a243;
    --card-shadow-node: 0 4px 12px rgba(192, 162, 67, 0.25);

    --modal-background-node: #242b35;
    --modal-border-node: #c0a243;
    --modal-shadow-node: 0 10px 24px rgba(192, 162, 67, 0.35);

    --button-background-node: linear-gradient(135deg, #4e6ba3, #37518a);
    --button-hover-node: linear-gradient(135deg, #37518a, #2b436f);
    --button-active-node: #2a3b65;
    --button-text-node: #e3e8f1;
    --button-hover-text-node: #ffffff;
    --button-active-text-node: #cbd6e8;
    --button-disabled-node: #5a6a85;

    --input-background-node: #141a22;
    --input-border-node: #c0a243;
    --input-text-node: #e4e9ef;
    --input-placeholder-node: #8a8a8a;

    --form-control-background-node: #1b2129;
    --form-control-border-node: #c0a243;
    --form-control-checked-node: #b03131;
    --form-control-hover-node: #902828;

    --success-node: #4bb86e;
    --error-node: #cc4a4a;
    --warning-node: #c0a243;
    --info-node: #6192cc;

    --text-heading-node: #e4e9ef;
    --text-subheading-node: #c0c0c0;
    --text-muted-node: #999;
    --text-disabled-node: #666;

    --link-node: #b03131;
    --link-hover-node: #c0a243;
    --link-visited-node: #a32f2f;

    --shadow-xs-node: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-sm-node: 0 2px 4px rgba(0, 0, 0, 0.4);
    --shadow-md-node: 0 4px 8px rgba(192, 162, 67, 0.25);
    --shadow-lg-node: 0 6px 18px rgba(192, 162, 67, 0.35);
    --shadow-xl-node: 0 10px 30px rgba(192, 162, 67, 0.5);
    --shadow-inset-node: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}