/* ============================================
   M3 Design Tokens — OM Designs
   Rose gold primary palette
   ============================================ */

:root {
	/* --- Colour: Primary (Rose Gold) --- */
	--md-sys-color-primary: #8B5E3C;
	--md-sys-color-on-primary: #FFFFFF;
	--md-sys-color-primary-container: #FFDCC2;
	--md-sys-color-on-primary-container: #321300;

	/* --- Colour: Secondary (Warm Taupe) --- */
	--md-sys-color-secondary: #765849;
	--md-sys-color-on-secondary: #FFFFFF;
	--md-sys-color-secondary-container: #FFDBCC;
	--md-sys-color-on-secondary-container: #2B160B;

	/* --- Colour: Tertiary (Deep Teal) --- */
	--md-sys-color-tertiary: #5E6136;
	--md-sys-color-on-tertiary: #FFFFFF;
	--md-sys-color-tertiary-container: #E4E6AF;
	--md-sys-color-on-tertiary-container: #1B1D00;

	/* --- Colour: Error --- */
	--md-sys-color-error: #BA1A1A;
	--md-sys-color-on-error: #FFFFFF;
	--md-sys-color-error-container: #FFDAD6;
	--md-sys-color-on-error-container: #410002;

	/* --- Colour: Surface --- */
	--md-sys-color-surface: #FFF8F5;
	--md-sys-color-on-surface: #211A15;
	--md-sys-color-surface-variant: #F4DED3;
	--md-sys-color-on-surface-variant: #52443B;
	--md-sys-color-surface-container-lowest: #FFFFFF;
	--md-sys-color-surface-container-low: #FEF1EB;
	--md-sys-color-surface-container: #F8EBE4;
	--md-sys-color-surface-container-high: #F2E5DF;
	--md-sys-color-surface-container-highest: #EDE0D9;

	/* --- Colour: Outline --- */
	--md-sys-color-outline: #85746A;
	--md-sys-color-outline-variant: #D7C2B7;

	/* --- Colour: Inverse --- */
	--md-sys-color-inverse-surface: #372F29;
	--md-sys-color-inverse-on-surface: #FDEDE4;
	--md-sys-color-inverse-primary: #FFB781;

	/* --- Colour: Misc --- */
	--md-sys-color-shadow: #000000;
	--md-sys-color-scrim: #000000;
	--md-sys-color-surface-tint: #8B5E3C;

	/* --- Typography --- */
	--md-sys-typescale-display-font: 'DM Serif Display', serif;
	--md-sys-typescale-body-font: 'DM Sans', sans-serif;

	/* Display */
	--md-sys-typescale-display-large-size: 3.5625rem;
	--md-sys-typescale-display-large-line-height: 4rem;
	--md-sys-typescale-display-large-weight: 400;

	--md-sys-typescale-display-medium-size: 2.8125rem;
	--md-sys-typescale-display-medium-line-height: 3.25rem;
	--md-sys-typescale-display-medium-weight: 400;

	--md-sys-typescale-display-small-size: 2.25rem;
	--md-sys-typescale-display-small-line-height: 2.75rem;
	--md-sys-typescale-display-small-weight: 400;

	/* Headline */
	--md-sys-typescale-headline-large-size: 2rem;
	--md-sys-typescale-headline-large-line-height: 2.5rem;
	--md-sys-typescale-headline-large-weight: 400;

	--md-sys-typescale-headline-medium-size: 1.75rem;
	--md-sys-typescale-headline-medium-line-height: 2.25rem;
	--md-sys-typescale-headline-medium-weight: 400;

	--md-sys-typescale-headline-small-size: 1.5rem;
	--md-sys-typescale-headline-small-line-height: 2rem;
	--md-sys-typescale-headline-small-weight: 400;

	/* Title */
	--md-sys-typescale-title-large-size: 1.375rem;
	--md-sys-typescale-title-large-line-height: 1.75rem;
	--md-sys-typescale-title-large-weight: 500;

	--md-sys-typescale-title-medium-size: 1rem;
	--md-sys-typescale-title-medium-line-height: 1.5rem;
	--md-sys-typescale-title-medium-weight: 500;

	--md-sys-typescale-title-small-size: 0.875rem;
	--md-sys-typescale-title-small-line-height: 1.25rem;
	--md-sys-typescale-title-small-weight: 500;

	/* Body */
	--md-sys-typescale-body-large-size: 1rem;
	--md-sys-typescale-body-large-line-height: 1.5rem;
	--md-sys-typescale-body-large-weight: 400;

	--md-sys-typescale-body-medium-size: 0.875rem;
	--md-sys-typescale-body-medium-line-height: 1.25rem;
	--md-sys-typescale-body-medium-weight: 400;

	--md-sys-typescale-body-small-size: 0.75rem;
	--md-sys-typescale-body-small-line-height: 1rem;
	--md-sys-typescale-body-small-weight: 400;

	/* Label */
	--md-sys-typescale-label-large-size: 0.875rem;
	--md-sys-typescale-label-large-line-height: 1.25rem;
	--md-sys-typescale-label-large-weight: 500;

	--md-sys-typescale-label-medium-size: 0.75rem;
	--md-sys-typescale-label-medium-line-height: 1rem;
	--md-sys-typescale-label-medium-weight: 500;

	--md-sys-typescale-label-small-size: 0.6875rem;
	--md-sys-typescale-label-small-line-height: 1rem;
	--md-sys-typescale-label-small-weight: 500;

	/* --- Shape --- */
	--md-sys-shape-corner-none: 0;
	--md-sys-shape-corner-extra-small: 0.25rem;
	--md-sys-shape-corner-small: 0.5rem;
	--md-sys-shape-corner-medium: 0.75rem;
	--md-sys-shape-corner-large: 1rem;
	--md-sys-shape-corner-extra-large: 1.75rem;
	--md-sys-shape-corner-full: 624.9375rem;

	/* --- Elevation (using box-shadow) --- */
	--md-sys-elevation-0: none;
	--md-sys-elevation-1: 0 1px 2px 0 rgba(0,0,0,0.3), 0 1px 3px 1px rgba(0,0,0,0.15);
	--md-sys-elevation-2: 0 1px 2px 0 rgba(0,0,0,0.3), 0 2px 6px 2px rgba(0,0,0,0.15);
	--md-sys-elevation-3: 0 1px 3px 0 rgba(0,0,0,0.3), 0 4px 8px 3px rgba(0,0,0,0.15);

	/* --- State layer opacities --- */
	--md-sys-state-hover-opacity: 0.08;
	--md-sys-state-focus-opacity: 0.12;
	--md-sys-state-pressed-opacity: 0.12;
	--md-sys-state-dragged-opacity: 0.16;
}