/* Theme tokens: how things look. Every value aliases a global token. The Ockto design is light only. */
:root {
	color-scheme: light;

	--theme-surface-page: var(--global-color-base-2);
	--theme-surface-card: var(--global-color-base-0);
	--theme-surface-subtle: var(--global-color-base-1);
	--theme-surface-medium: var(--global-color-base-3);
	--theme-surface-inverse: var(--global-color-indigo-5);
	--theme-surface-inverse-raised: var(--global-color-indigo-4);

	--theme-text-default: var(--global-color-base-9);
	--theme-text-muted: var(--global-color-base-8);
	--theme-text-inverse: var(--global-color-base-0);
	--theme-text-inverse-muted: var(--global-color-indigo-1);

	--theme-border-default: var(--global-color-base-7);
	--theme-border-subtle: var(--global-color-base-5);
	--theme-divider: var(--global-color-base-4);

	--theme-action: var(--global-color-indigo-3);
	--theme-action-hover: var(--global-color-indigo-4);
	--theme-action-pressed: var(--global-color-indigo-5);
	--theme-action-text: var(--global-color-base-0);
	--theme-action-surface: var(--global-color-base-3);
	--theme-focus-ring: var(--global-color-indigo-2);

	--theme-brand: var(--global-color-orange-3);
	--theme-brand-light: var(--global-color-orange-2);

	--theme-status-good: var(--global-color-green-3);
	--theme-status-good-surface: var(--global-color-green-1);
	--theme-status-good-text: var(--global-color-green-5);
	--theme-status-warning: var(--global-color-orange-4);
	--theme-status-warning-surface: var(--global-color-orange-1);
	--theme-status-warning-text: var(--global-color-orange-5);
	--theme-status-danger: var(--global-color-red-3);
	--theme-status-danger-surface: var(--global-color-red-1);
	--theme-status-danger-text: var(--global-color-red-5);

	--theme-chart-series-1: var(--global-color-chart-indigo);
	--theme-chart-series-2: var(--global-color-chart-orange);
	--theme-chart-series-3: var(--global-color-chart-teal);
	--theme-chart-series-4: var(--global-color-chart-violet);
	--theme-chart-other: var(--global-color-base-7);
	--theme-chart-ordinal-1: var(--global-color-chart-ordinal-1);
	--theme-chart-ordinal-2: var(--global-color-chart-ordinal-2);
	--theme-chart-ordinal-3: var(--global-color-chart-ordinal-3);
	--theme-chart-ordinal-4: var(--global-color-chart-ordinal-4);
	--theme-chart-ordinal-5: var(--global-color-chart-ordinal-5);
	--theme-chart-ordinal-6: var(--global-color-chart-ordinal-6);
	--theme-chart-grid: var(--global-color-base-4);
	--theme-chart-axis-text: var(--global-color-base-8);
	--theme-chart-track: var(--global-color-base-3);

	--theme-shadow-card: var(--global-shadow-1);
	--theme-shadow-raised: var(--global-shadow-2);
	--theme-shadow-floating: var(--global-shadow-3);
}