/* Default Theme ( Light ) */
:root {
    --color-primary: #001f61;
    --color-primary-rgb: rgb(0, 31, 97);
    --color-secondary: #7094e0;
    --color-secondary-rgb: 112, 148, 224;
    --color-accent: #b6913d;
    --color-accent-rgb: rgb(182, 145, 61);
    --color-background: #fdfdfd;
    --color-background-rgb: rgb(253, 253, 253);
    --color-text: #00091b;
    --color-text-rgb: rgb(0, 9, 27);
    --color-muted: #6c757d;
    --color-muted-rgb: rgb(108, 117, 125);
    --color-faded: #9e9ea5;
    --color-faded-rgb: rgb(158, 158, 165);
    --color-on-primary: #fdfdfd;
    --color-on-primary-rgb: rgb(253, 253, 253);
    --color-on-secondary: #fdfdfd;
    --color-on-secondary-rgb: rgb(253, 253, 253);
    --color-on-accent: #fdfdfd;
    --color-on-accent-rgb: rgb(253, 253, 253);
    --color-on-muted: #ffffff;
    --color-on-muted-rgb: rgb(255, 255, 255);
    --color-on-faded: #ffffff;
    --color-on-faded-rgb: rgb(255, 255, 255);
    --color-on-background: #ffffff;
    --color-on-background-rgb: rgb(255, 255, 255);
    --color-shadow: rgba(0, 0, 0, 0.1);
    --color-border: #c9cad3;
    --color-border-rgb: rgb(201, 202, 211);

    --color-success: #28a745;
    --color-success-rgb: rgb(40, 167, 69);
    --color-warning: #ffc107;
    --color-warning-rgb: rgb(255, 193, 7);
    --color-error: #dc3545;
    --color-error-rgb: rgb(220, 53, 69);
    --color-danger: #dc3545;
    --color-danger-rgb: rgb(220, 53, 69);
    --color-info: #17a2b8;
    --color-info-rgb: rgb(23, 162, 184);
    --color-on-success: #fdfdfd;
    --color-on-warning: #fdfdfd;
    --color-on-error: #fdfdfd;
    --color-on-danger: #fdfdfd;
    --color-on-info: #fdfdfd;

    --color-hover-primary: #000e4a;
    --color-hover-primary-rgb: rgb(0, 14, 74);
    --color-hover-secondary: #6182c1;
    --color-hover-secondary-rgb: rgb(97, 130, 193);
    --color-hover-accent: #977733;
    --color-hover-accent-rgb: rgb(151, 119, 51);
    --color-hover-success: #218838;
    --color-hover-success-rgb: rgb(33, 136, 56);
    --color-hover-warning: #d39e00;
    --color-hover-warning-rgb: rgb(211, 158, 0);
    --color-hover-error: #c82333;
    --color-hover-error-rgb: rgb(200, 35, 51);
    --color-hover-danger: #c82333;
    --color-hover-danger-rgb: rgb(200, 35, 51);
    --color-hover-info: #138496;
    --color-hover-info-rgb: rgb(19, 132, 150);

    --input-background: #f8f9fa;
    --input-border: #ced4da;
    --input-text: #00091b;
    --input-placeholder: #6c757d;
    --input-radius: 0.3125rem;

    --label-color: #00091b;
    --muted-label-color: #9e9ea5; /*6c757d*/
    --faded-label-color: #c1c1ca;
    --floating-label-color: #9e9ea5;
    --error-label-color: #dc3545;

    --button-radius: 0.3125rem;

    --card-background: #fdfdfd;
    --card-text: #00091b;
    --card-radius: 0.625rem;
    --card-shadow: rgba(0, 0, 0, 0.1);
    --card-border: #e9ecef;

    --radial-effect-top-left: radial-gradient(circle, rgba(241, 170, 241, 0.1) 0%, rgba(241, 170, 241,0) 60%);
    --radial-effect-bottom-right: radial-gradient(circle, rgba(90, 212, 234, 0.10) 0%, rgba(90, 212, 234,0) 60%);


}

/* Dark Theme */
.dark {
    --color-primary: #1e3a8a;
    --color-primary-rgb: rgb(30, 58, 138);
    --color-secondary: #5a6fae;
    --color-secondary-rgb: rgb(90, 106, 174);
    --color-accent: #c59e47;
    --color-accent-rgb: rgb(197, 158, 71);
    --color-background: #202020;
    --color-background-rgb: rgb(32, 32, 32);
    --color-text: #e0e0e0;
    --color-text-rgb: rgb(224, 224, 224);
    --color-muted: #9aa0a6;
    --color-muted-rgb: rgb(154, 160, 166);
    --color-faded: #595c63;
    --color-faded-rgb: rgb(89, 92, 99);
    --color-on-primary: #e0e0e0;
    --color-on-primary-rgb: rgb(224, 224, 224);
    --color-on-secondary: #e0e0e0;
    --color-on-secondary-rgb: rgb(224, 224, 224);
    --color-on-accent: #121212;
    --color-on-accent-rgb: rgb(18, 18, 18);
    --color-on-muted: #e0e0e0;
    --color-on-muted-rgb: rgb(224, 224, 224);
    --color-on-faded: #e0e0e0;
    --color-on-faded-rgb: rgb(224, 224, 224);
    --color-on-background: #e0e0e0;
    --color-on-background-rgb: rgb(224, 224, 224);
    --color-shadow: rgba(0, 0, 0, 0.6);
    --color-border: #2c2c2c;
    --color-border-rgb: rgb(44, 44, 44);

    --color-success: #218838;
    --color-success-rgb: rgb(33, 136, 56);
    --color-warning: #d39e00;
    --color-warning-rgb: rgb(211, 158, 0);
    --color-error: #c82333;
    --color-error-rgb: rgb(200, 35, 51);
    --color-danger: #c82333;
    --color-danger-rgb: rgb(200, 35, 51);
    --color-info: #138496;
    --color-info-rgb: rgb(19, 132, 150);
    --color-on-success: #e0e0e0;
    --color-on-success-rgb: rgb(224, 224, 224);
    --color-on-warning: #121212;
    --color-on-warning-rgb: rgb(18, 18, 18);
    --color-on-error: #e0e0e0;
    --color-on-error-rgb: rgb(224, 224, 224);
    --color-on-danger: #e0e0e0;
    --color-on-danger-rgb: rgb(224, 224, 224);
    --color-on-info: #e0e0e0;
    --color-on-info-rgb: rgb(224, 224, 224);

    --color-hover-primary: #0f265c;
    --color-hover-primary-rgb: rgb(15, 38, 92);
    --color-hover-secondary: #4a5f8e;
    --color-hover-secondary-rgb: rgb(74, 95, 142);
    --color-hover-accent: #a67c2e;
    --color-hover-accent-rgb: rgb(166, 124, 46);
    --color-hover-success: #19692c;
    --color-hover-success-rgb: rgb(25, 105, 44);
    --color-hover-warning: #a97300;
    --color-hover-warning-rgb: rgb(169, 115, 0);
    --color-hover-error: #951f2a;
    --color-hover-error-rgb: rgb(149, 31, 42);
    --color-hover-danger: #951f2a;
    --color-hover-danger-rgb: rgb(149, 31, 42);
    --color-hover-info: #0f6573;
    --color-hover-info-rgb: rgb(15, 101, 115);

    --input-background: #1f1f1f;
    --input-border: #383838;
    --input-text: #e0e0e0;
    --input-placeholder: #9aa0a6;
    --input-radius: 0.3125rem;

    --label-color: #e0e0e0;
    --muted-label-color: #6c757d; /*9aa0a6*/
    --faded-label-color: #595c63;
    --floating-label-color: #6c757d;
    --error-label-color: #c82333;

    --button-radius: 0.3125rem;

    --card-background: #121212;
    --card-text: #e0e0e0;
    --card-radius: 0.625rem;
    --card-shadow: rgba(0, 0, 0, 0.6);
    --card-border: #2c2c2c;

    --radial-effect-top-left: radial-gradient(circle, rgba(241, 170, 241, 0.1) 0%, rgba(241, 170, 241,0) 60%);
    --radial-effect-bottom-right: radial-gradient(circle, rgba(90, 212, 234, 0.10) 0%, rgba(90, 212, 234,0) 60%);
}