@import url('./main-layout.css');
@import url('./views/my-view-view.css');
@import url('./views/dashboard-view.css');
@import url('./views/feed-view.css');
@import url('./views/master-detail-view.css');
@import url('./views/credit-card-form-view.css');
@import url('./views/image-gallery-view.css');
@import url('./views/checkout-form-view.css');
@import url('./views/gridwith-filters-view.css');
@import url('./views/login-rixh-content.css');


html {
    --lumo-primary-text-color: rgb(160, 33, 66);
    --lumo-primary-color-50pct: rgba(160, 33, 66, 0.5);
    --lumo-primary-color-10pct: rgba(160, 33, 66, 0.1);
    --lumo-primary-color: #A02142;
    --lumo-error-text-color: rgb(240, 40, 40);
    --lumo-error-color-50pct: rgba(240, 40, 40, 0.5);
    --lumo-error-color-10pct: rgba(240, 40, 40, 0.1);
    --lumo-error-color: #f02828;
}

[theme~="dark"] {
    --lumo-base-color: #691831;
    --lumo-primary-text-color: rgb(188, 149, 91);
    --lumo-primary-color-50pct: rgba(188, 149, 91, 0.5);
    --lumo-primary-color-10pct: rgba(188, 149, 91, 0.1);
    --lumo-primary-color: #bc955b;
    --lumo-shade-5pct: rgba(111, 114, 113, 0.05);
    --lumo-shade-10pct: rgba(111, 114, 113, 0.1);
    --lumo-shade-20pct: rgba(111, 114, 113, 0.2);
    --lumo-shade-30pct: rgba(111, 114, 113, 0.3);
    --lumo-shade-40pct: rgba(111, 114, 113, 0.4);
    --lumo-shade-50pct: rgba(111, 114, 113, 0.5);
    --lumo-shade-60pct: rgba(111, 114, 113, 0.6);
    --lumo-shade-70pct: rgba(111, 114, 113, 0.7);
    --lumo-shade-80pct: rgba(111, 114, 113, 0.8);
    --lumo-shade-90pct: rgba(111, 114, 113, 0.9);
    --lumo-shade: #6f7271;
}