/* Dynamically generated CSS */
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

:root {
    --t-background-color: rgba(248,245,234,1);
    --t-text-color: rgba(69,69,69,1);
    --t-accent-color: rgba(216,87,68,1);
    --accent-color-dark: color-mix(in oklab, var(--t-accent-color), black 10%);
    --accent-color-light: color-mix(in oklab, var(--t-accent-color), white 20%);
    --t-button-text-color: rgba(255,255,255,1);
	
    --t-card-background-color: rgba(255,255,255,1);
    --t-card-border-color: rgba(255,255,255,1);
    --t-input-background-color: rgba(255,255,255,1);
    --t-input-border-color: rgba(255,255,255,1);
    --t-input-text-color: rgba(102,102,102,1);
    --t-calendar-header-background-color: rgba(76,179,169,1);
    --t-calendar-header-text-color: rgba(248,245,234,1);
    --t-card-summary-background-color: rgba(76,179,169,1);
    --t-card-summary-text-color: rgba(248,245,234,1);
    --t-card-summary-border-color: rgba(76,179,169,1);
    --t-secondary-color: #8f8f8f;
    --secondary-color-dark: color-mix(in oklab, var(--t-secondary-color), black 10%);
    --secondary-color-light: color-mix(in oklab, var(--t-secondary-color), white 20%);
    --t-input-disabled-background-color: color-mix(in oklab, var(--t-input-background-color), black 8%);
    --t-font-family: "Roboto", system-ui;
    --t-summary-icon-color: rgba(255,255,255,1);
}