@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --pico-font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;

    --rf-color-white: #fff;

    --rf-toast-bg: #fff;
    --rf-toast-text: #171717;
    --rf-toast-content-text: #666;
    --rf-toast-timestamp-text: #999;
    --rf-toast-notice-border: #28a745;
    --rf-toast-alert-border: #ffc107;

    --rf-rating-star: #c7c7c7;
    --rf-rating-star-active: #f5b301;

    --rf-poker-selected-bg: #1f6feb;
    --rf-poker-selected-hover-bg: #1958c7;
    --rf-poker-offline-text: #9b5b5b;
    --rf-poker-card-back-highlight: #ffffff;

    --rf-poker-danger-a: #d53b3f;
    --rf-poker-danger-b: #b7222a;
    --rf-poker-danger-border: #cf2f35;
    --rf-poker-danger-hover-a: #e34a4f;
    --rf-poker-danger-hover-b: #c3282f;
    --rf-poker-danger-hover-border: #d7383e;
    --rf-poker-danger-active-a: #be2a30;
    --rf-poker-danger-active-b: #971d23;

    --rf-poker-light-button-text: #0a1610;
    --rf-poker-light-icon-color: #09140f;
    --rf-poker-light-button-surface: #ffffff;
    --rf-poker-light-button-primary-text: #0f4e3b;
    --rf-poker-light-button-primary-border: #2f7f62;
    --rf-poker-light-button-primary-hover-surface: #edf7f2;
    --rf-poker-light-button-primary-active-surface: #e4f1eb;
    --rf-poker-light-button-secondary-text: #24473a;
    --rf-poker-light-button-secondary-border: #6e9184;
    --rf-poker-light-button-secondary-hover-surface: #f2f8f5;
    --rf-poker-light-button-secondary-active-surface: #eaf2ee;
    --rf-poker-light-button-danger-text: #8d1f28;
    --rf-poker-light-button-danger-border: #bc3b46;
    --rf-poker-light-button-danger-hover-surface: #fdeff1;
    --rf-poker-light-button-danger-active-surface: #fae3e6;
    --rf-poker-light-primary-gradient-start: #bfdacb;
    --rf-poker-light-primary-gradient-end: #90bdab;
    --rf-poker-light-primary-border: #54856f;
    --rf-poker-light-primary-hover-start: #aed0be;
    --rf-poker-light-primary-hover-end: #7eaf9a;
    --rf-poker-light-primary-hover-border: #446f5d;
    --rf-poker-light-danger-text: #220b0d;
    --rf-poker-light-danger-gradient-start: #e09ca3;
    --rf-poker-light-danger-gradient-end: #cc646f;
    --rf-poker-light-danger-border-base: #9f1f29;
    --rf-poker-light-danger-border-mix: #8e5d62;
    --rf-poker-light-danger-hover-start: #d68690;
    --rf-poker-light-danger-hover-end: #b84a58;
}

body,
button,
input,
select,
textarea {
    font-family: var(--pico-font-family);
}

progress,
[type="checkbox"],
[type="radio"],
[type="range"] {
    accent-color: var(--pico-primary);
}