@import url('./views/feed-view.css');
/*@import url('./views/clubs-view.css');*/
@import url('./views/upload-view.css');
@import url('./views/festivals-view.css');
/*@import url('./views/header-filter-tabs.css');*/
@import url('./views/learnings-view.css');
@import url('./views/image-gallery-view.css');
@import url('./views/stories-view.css');
@import url('./views/home-view.css');
@import url('./main-layout.css');

html {
    --lumo-font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
    --lumo-font-size: 1rem;
    --lumo-font-size-xxxl: 1.75rem;
    --lumo-font-size-xxl: 1.375rem;
    --lumo-font-size-xl: 1.125rem;
    --lumo-font-size-l: 1rem;
    --lumo-font-size-m: 0.875rem;
    --lumo-font-size-s: 0.8125rem;
    --lumo-font-size-xs: 0.75rem;
    --lumo-font-size-xxs: 0.6875rem;
    --lumo-line-height-m: 1.8;
    --lumo-line-height-s: 1.5;
    --lumo-line-height-xs: 1.3;
    --lumo-border-radius: 8px);
    --lumo-size-xl: 3rem;
    --lumo-size-l: 2.5rem;
    --lumo-size-m: 2rem;
    --lumo-size-s: 1.75rem;
    --lumo-size-xs: 1.5rem;
    --lumo-space-xl: 1.875rem;
    --lumo-space-l: 1.25rem;
    --lumo-space-m: 0.625rem;
    --lumo-space-s: 0.3125rem;
    --lumo-space-xs: 0.1875rem;
    --lumo-tint-5pct: rgba(244, 238, 225, 0.05);
    --lumo-tint-10pct: rgba(244, 238, 225, 0.1);
    --lumo-tint-20pct: rgba(244, 238, 225, 0.2);
    --lumo-tint-30pct: rgba(244, 238, 225, 0.3);
    --lumo-tint-40pct: rgba(244, 238, 225, 0.4);
    --lumo-tint-50pct: rgba(244, 238, 225, 0.5);
    --lumo-tint-60pct: rgba(244, 238, 225, 0.6);
    --lumo-tint-70pct: rgba(244, 238, 225, 0.7);
    --lumo-tint-80pct: rgba(244, 238, 225, 0.8);
    --lumo-tint-90pct: rgba(244, 238, 225, 0.9);
    --lumo-shade-5pct: rgba(44, 38, 22, 0.05);
    --lumo-shade-10pct: rgba(44, 38, 22, 0.1);
    --lumo-shade-20pct: rgba(44, 38, 22, 0.2);
    --lumo-shade-30pct: rgba(44, 38, 22, 0.3);
    --lumo-shade-40pct: rgba(44, 38, 22, 0.4);
    --lumo-shade-50pct: rgba(44, 38, 22, 0.5);
    --lumo-shade-60pct: rgba(44, 38, 22, 0.6);
    --lumo-shade-70pct: rgba(44, 38, 22, 0.7);
    --lumo-shade-80pct: rgba(44, 38, 22, 0.8);
    --lumo-shade-90pct: rgba(44, 38, 22, 0.9);
    --lumo-primary-text-color: #5ca1e1; /* #b5242e; /*rgb(216, 171, 65);*/
    --lumo-primary-alt-text-color: rgb(216, 171, 65);
    --lumo-primary-color-50pct: rgba(216, 171, 65, 0.5);
    --lumo-primary-color-10pct: rgba(216, 171, 65, 0.1);
    --lumo-error-text-color: rgb(237, 127, 151);
    --lumo-error-color-50pct: rgba(237, 127, 151, 0.5);
    --lumo-error-color-10pct: rgba(237, 127, 151, 0.1);
    --lumo-success-text-color: rgb(84, 222, 110);
    --lumo-success-color-50pct: rgba(84, 222, 110, 0.5);
    --lumo-success-color-10pct: rgba(84, 222, 110, 0.1);
    --lumo-tint: #f4eee1;
    --lumo-shade: hsl(42, 33%, 13%);
    --lumo-primary-color: #5ca1e1; /*#bd0852; /*#d8ab41;*/
    --lumo-error-color: #ED7F97;
    --lumo-success-color: #54DE6E;
    --lumo-header-text-color: #40719e; /*#4a81b4; /* #0e4381; /* #0b2b81; /* #b5242e; /*#b7830b;*/
}

[theme~="dark"] {
    --lumo-tint-5pct: rgba(244, 238, 225, 0.05);
    --lumo-tint-10pct: rgba(244, 238, 225, 0.1);
    --lumo-tint-20pct: rgba(244, 238, 225, 0.2);
    --lumo-tint-30pct: rgba(244, 238, 225, 0.3);
    --lumo-tint-40pct: rgba(244, 238, 225, 0.4);
    --lumo-tint-50pct: rgba(244, 238, 225, 0.5);
    --lumo-tint-60pct: rgba(244, 238, 225, 0.6);
    --lumo-tint-70pct: rgba(244, 238, 225, 0.7);
    --lumo-tint-80pct: rgba(244, 238, 225, 0.8);
    --lumo-tint-90pct: rgba(244, 238, 225, 0.9);
    --lumo-shade-5pct: rgba(44, 38, 22, 0.05);
    --lumo-shade-10pct: rgba(44, 38, 22, 0.1);
    --lumo-shade-20pct: rgba(44, 38, 22, 0.2);
    --lumo-shade-30pct: rgba(44, 38, 22, 0.3);
    --lumo-shade-40pct: rgba(44, 38, 22, 0.4);
    --lumo-shade-50pct: rgba(44, 38, 22, 0.5);
    --lumo-shade-60pct: rgba(44, 38, 22, 0.6);
    --lumo-shade-70pct: rgba(44, 38, 22, 0.7);
    --lumo-shade-80pct: rgba(44, 38, 22, 0.8);
    --lumo-shade-90pct: rgba(44, 38, 22, 0.9);
    --lumo-primary-text-color: rgb(230, 190, 95);
    --lumo-primary-color-50pct: rgba(230, 190, 95, 0.5);
    --lumo-primary-color-10pct: rgba(230, 190, 95, 0.1);
    --lumo-error-text-color: rgb(237, 127, 151);
    --lumo-error-color-50pct: rgba(237, 127, 151, 0.5);
    --lumo-error-color-10pct: rgba(237, 127, 151, 0.1);
    --lumo-success-text-color: rgb(84, 222, 110);
    --lumo-success-color-50pct: rgba(84, 222, 110, 0.5);
    --lumo-success-color-10pct: rgba(84, 222, 110, 0.1);
    --lumo-base-color: #2D2C29;
    --lumo-tint: #f4eee1;
    --lumo-shade: hsl(42, 33%, 13%);
    --lumo-primary-color: #E6BE5F;
    --lumo-primary-contrast-color: #2D2C29;
    --lumo-error-color: #ED7F97;
    --lumo-error-contrast-color: #2D2C29;
    --lumo-success-color: #54DE6E;
    --lumo-success-contrast-color: #2D2C29;
    --lumo-header-text-color: #E6BE5F;
}




/*html {*/
/*    --lumo-font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;*/

/*        --lumo-font-size: 1rem;*/
/*        --lumo-font-size-xxxl: 1.75rem;*/
/*        --lumo-font-size-xxl: 1.375rem;*/
/*        --lumo-font-size-xl: 1.125rem;*/
/*        --lumo-font-size-l: 1rem;*/
/*        --lumo-font-size-m: 0.875rem;*/
/*        --lumo-font-size-s: 0.8125rem;*/
/*        --lumo-font-size-xs: 0.75rem;*/
/*        --lumo-font-size-xxs: 0.6875rem;*/

/*    --lumo-shade-5pct: rgba(33, 33, 33, 0.05);*/
/*    --lumo-shade-10pct: rgba(33, 33, 33, 0.1);*/
/*    --lumo-shade-20pct: rgba(33, 33, 33, 0.2);*/
/*    --lumo-shade-30pct: rgba(33, 33, 33, 0.3);*/
/*    --lumo-shade-40pct: rgba(33, 33, 33, 0.4);*/
/*    --lumo-shade-50pct: rgba(33, 33, 33, 0.5);*/
/*    --lumo-shade-60pct: rgba(33, 33, 33, 0.6);*/
/*    --lumo-shade-70pct: rgba(33, 33, 33, 0.7);*/
/*    --lumo-shade-80pct: rgba(33, 33, 33, 0.8);*/
/*    --lumo-shade-90pct: rgba(33, 33, 33, 0.9);*/
/*    --lumo-primary-color-50pct: rgba(235, 89, 5, 0.5);*/
/*    --lumo-primary-color-10pct: rgba(235, 89, 5, 0.1);*/
/*    --lumo-error-color-50pct: rgba(231, 24, 24, 0.5);*/
/*    --lumo-error-color-10pct: rgba(231, 24, 24, 0.1);*/
/*    --lumo-success-color-50pct: rgba(62, 229, 170, 0.5);*/
/*    --lumo-success-color-10pct: rgba(62, 229, 170, 0.1);*/
/*    --lumo-shade: hsl(0, 0%, 13%);*/
/*    --lumo-primary-color: hsl(22, 96%, 47%);*/
/*    --lumo-primary-text-color: hsl(22, 100%, 42%);*/
/*    --lumo-error-color: hsl(0, 81%, 50%);*/
/*    --lumo-error-text-color: hsl(0, 86%, 45%);*/
/*    --lumo-success-color: hsl(159, 76%, 57%);*/
/*    --lumo-success-contrast-color: hsl(159, 29%, 10%);*/
/*    --lumo-success-text-color: hsl(159, 61%, 40%);*/

/*    --lumo-border-radius-m: 1em;*/
/*}*/

/*html {*/
/*    --lumo-font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;*/
/*    --lumo-font-size: 1rem;*/
/*    --lumo-font-size-xxxl: 1.75rem;*/
/*    --lumo-font-size-xxl: 1.375rem;*/
/*    --lumo-font-size-xl: 1.125rem;*/
/*    --lumo-font-size-l: 1rem;*/
/*    --lumo-font-size-m: 0.875rem;*/
/*    --lumo-font-size-s: 0.8125rem;*/
/*    --lumo-font-size-xs: 0.75rem;*/
/*    --lumo-font-size-xxs: 0.6875rem;*/

/*    --lumo-line-height-m: 1.8;*/
/*    --lumo-line-height-s: 1.5;*/
/*    --lumo-line-height-xs: 1.3;*/
/*    --lumo-border-radius: calc(var(--lumo-size-m) / 2);*/
/*    --lumo-size-xl: 3rem;*/
/*    --lumo-size-l: 2.5rem;*/
/*    --lumo-size-m: 2rem;*/
/*    --lumo-size-s: 1.75rem;*/
/*    --lumo-size-xs: 1.5rem;*/
/*    --lumo-space-xl: 1.875rem;*/
/*    --lumo-space-l: 1.25rem;*/
/*    --lumo-space-m: 0.625rem;*/
/*    --lumo-space-s: 0.3125rem;*/
/*    --lumo-space-xs: 0.1875rem;*/
/*    --lumo-tint-5pct: rgba(244, 238, 225, 0.05);*/
/*    --lumo-tint-10pct: rgba(244, 238, 225, 0.1);*/
/*    --lumo-tint-20pct: rgba(244, 238, 225, 0.2);*/
/*    --lumo-tint-30pct: rgba(244, 238, 225, 0.3);*/
/*    --lumo-tint-40pct: rgba(244, 238, 225, 0.4);*/
/*    --lumo-tint-50pct: rgba(244, 238, 225, 0.5);*/
/*    --lumo-tint-60pct: rgba(244, 238, 225, 0.6);*/
/*    --lumo-tint-70pct: rgba(244, 238, 225, 0.7);*/
/*    --lumo-tint-80pct: rgba(244, 238, 225, 0.8);*/
/*    --lumo-tint-90pct: rgba(244, 238, 225, 0.9);*/
/*    --lumo-shade-5pct: rgba(44, 38, 22, 0.05);*/
/*    --lumo-shade-10pct: rgba(44, 38, 22, 0.1);*/
/*    --lumo-shade-20pct: rgba(44, 38, 22, 0.2);*/
/*    --lumo-shade-30pct: rgba(44, 38, 22, 0.3);*/
/*    --lumo-shade-40pct: rgba(44, 38, 22, 0.4);*/
/*    --lumo-shade-50pct: rgba(44, 38, 22, 0.5);*/
/*    --lumo-shade-60pct: rgba(44, 38, 22, 0.6);*/
/*    --lumo-shade-70pct: rgba(44, 38, 22, 0.7);*/
/*    --lumo-shade-80pct: rgba(44, 38, 22, 0.8);*/
/*    --lumo-shade-90pct: rgba(44, 38, 22, 0.9);*/
/*    --lumo-primary-text-color: rgb(216, 171, 65);*/
/*    --lumo-primary-color-50pct: rgba(216, 171, 65, 0.5);*/
/*    --lumo-primary-color-10pct: rgba(216, 171, 65, 0.1);*/
/*    --lumo-error-text-color: rgb(237, 127, 151);*/
/*    --lumo-error-color-50pct: rgba(237, 127, 151, 0.5);*/
/*    --lumo-error-color-10pct: rgba(237, 127, 151, 0.1);*/
/*    --lumo-success-text-color: rgb(84, 222, 110);*/
/*    --lumo-success-color-50pct: rgba(84, 222, 110, 0.5);*/
/*    --lumo-success-color-10pct: rgba(84, 222, 110, 0.1);*/
/*    --lumo-tint: #f4eee1;*/
/*    --lumo-shade: hsl(42, 33%, 13%);*/
/*    --lumo-primary-color: #d8ab41;*/
/*    --lumo-error-color: #ED7F97;*/
/*    --lumo-success-color: #54DE6E;*/
/*    --lumo-header-text-color: #b7830b;*/
/*}*/

/*[theme~="dark"] {*/
/*    --lumo-tint-5pct: rgba(244, 238, 225, 0.05);*/
/*    --lumo-tint-10pct: rgba(244, 238, 225, 0.1);*/
/*    --lumo-tint-20pct: rgba(244, 238, 225, 0.2);*/
/*    --lumo-tint-30pct: rgba(244, 238, 225, 0.3);*/
/*    --lumo-tint-40pct: rgba(244, 238, 225, 0.4);*/
/*    --lumo-tint-50pct: rgba(244, 238, 225, 0.5);*/
/*    --lumo-tint-60pct: rgba(244, 238, 225, 0.6);*/
/*    --lumo-tint-70pct: rgba(244, 238, 225, 0.7);*/
/*    --lumo-tint-80pct: rgba(244, 238, 225, 0.8);*/
/*    --lumo-tint-90pct: rgba(244, 238, 225, 0.9);*/
/*    --lumo-shade-5pct: rgba(44, 38, 22, 0.05);*/
/*    --lumo-shade-10pct: rgba(44, 38, 22, 0.1);*/
/*    --lumo-shade-20pct: rgba(44, 38, 22, 0.2);*/
/*    --lumo-shade-30pct: rgba(44, 38, 22, 0.3);*/
/*    --lumo-shade-40pct: rgba(44, 38, 22, 0.4);*/
/*    --lumo-shade-50pct: rgba(44, 38, 22, 0.5);*/
/*    --lumo-shade-60pct: rgba(44, 38, 22, 0.6);*/
/*    --lumo-shade-70pct: rgba(44, 38, 22, 0.7);*/
/*    --lumo-shade-80pct: rgba(44, 38, 22, 0.8);*/
/*    --lumo-shade-90pct: rgba(44, 38, 22, 0.9);*/
/*    --lumo-primary-text-color: rgb(230, 190, 95);*/
/*    --lumo-primary-color-50pct: rgba(230, 190, 95, 0.5);*/
/*    --lumo-primary-color-10pct: rgba(230, 190, 95, 0.1);*/
/*    --lumo-error-text-color: rgb(237, 127, 151);*/
/*    --lumo-error-color-50pct: rgba(237, 127, 151, 0.5);*/
/*    --lumo-error-color-10pct: rgba(237, 127, 151, 0.1);*/
/*    --lumo-success-text-color: rgb(84, 222, 110);*/
/*    --lumo-success-color-50pct: rgba(84, 222, 110, 0.5);*/
/*    --lumo-success-color-10pct: rgba(84, 222, 110, 0.1);*/
/*    --lumo-base-color: #2D2C29;*/
/*    --lumo-tint: #f4eee1;*/
/*    --lumo-shade: hsl(42, 33%, 13%);*/
/*    --lumo-primary-color: #E6BE5F;*/
/*    --lumo-primary-contrast-color: #2D2C29;*/
/*    --lumo-error-color: #ED7F97;*/
/*    --lumo-error-contrast-color: #2D2C29;*/
/*    --lumo-success-color: #54DE6E;*/
/*    --lumo-success-contrast-color: #2D2C29;*/
/*    --lumo-header-text-color: #E6BE5F;*/
/*}*/