/* Solis 150 theme */
:root {
    --portal-background: #ffffff;
    --portal-surface: #ffffff;
    --portal-foreground: #000000;
    --portal-muted: #000000;
    --portal-brand: #f08017;
    --portal-brand-hover: #c72e21;
    --portal-border: #000000;
    --portal-focus: #c72e21;
    --portal-accent: #f08017;
    --portal-brand-gradient: linear-gradient(135deg, #c72e21 0%, #f08017 100%);
    --portal-font-body: "Portal Avenir", Avenir, "Avenir Next", Helvetica, sans-serif;
    --portal-font-display: "Portal Avenir", Avenir, "Avenir Next", Helvetica, sans-serif;
    --portal-radius-panel: 0;
    --portal-shadow-panel: 0 0.75rem 2rem rgb(0 0 0 / 25%);
    --portal-space-section: clamp(3rem, 7vw, 7rem);
    --portal-text-display: clamp(2.25rem, 6vw, 5.5rem);
    --portal-text-heading: clamp(1.75rem, 3vw, 3rem);
}

:root { --bs-primary: #f08017; }
:root { --bs-h-primary: #c72e21; }
:root { --bs-rgba-primary: 240, 128, 23; }
:root { --bs-secondary: #c72e21; }
:root { --bs-h-secondary: #f08017; }
:root { --bs-rgba-secondary: 199, 46, 33; }
:root { --bs-info: #000000; }
:root { --bs-h-info: #c72e21; }
:root { --bs-rgba-info: 0, 0, 0; }
:root { --bs-danger: #c72e21; }
:root { --bs-h-danger: #c72e21; }
:root { --bs-rgba-danger: 199, 46, 33; }
:root { --bs-success: #f08017; }
:root { --bs-h-success: #c72e21; }
:root { --bs-rgba-success: 240, 128, 23; }
:root { --bs-light: #ffffff; }
:root { --bs-dark: #000000; }
:root { --bs-blue: #f08017; }

.btn-primary { background-color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-primary:focus { background-color: var(--bs-primary); border-color: var(--bs-primary); box-shadow: 0 0 0 0.25rem rgba(var(--bs-rgba-primary), 0.5); }
.btn-primary:active:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-rgba-primary), 0.5); }
.btn-primary:hover { background-color: var(--bs-h-primary); border-color: var(--bs-h-primary); }
.btn-secondary { background-color: var(--bs-secondary); border-color: var(--bs-secondary); }
.btn-secondary:focus { background-color: var(--bs-secondary); border-color: var(--bs-secondary); box-shadow: 0 0 0 0.25rem rgba(var(--bs-rgba-secondary), 0.5); }
.btn-secondary:active:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-rgba-secondary), 0.5); }
.btn-secondary:hover { background-color: var(--bs-h-secondary); border-color: var(--bs-h-secondary); }
.bg-primary { background-color: var(--bs-primary) !important; }
.bg-secondary { background-color: var(--bs-secondary) !important; }
.bg-info { background-color: var(--bs-info) !important; }
.bg-blue { background-color: var(--bs-blue) !important; }
.bg-success { background-color: var(--bs-success) !important; }
.text-primary { color: var(--bs-primary) !important; }
.text-secondary { color: var(--bs-secondary) !important; }
.text-info { color: var(--bs-info) !important; }
.link-primary { color: var(--bs-primary) !important; }
.link-primary:hover { color: var(--bs-h-primary) !important; }
