:root {
    --bg: #fff6f8;
    --star-color: #ff8a5c;
    --star-bg: transparent;

    --primary: linear-gradient(180deg, #f6a7b7 0%, #e27c94 100%);
    --primary-simple: #b0485d;
    --on-primary: #ffffff;
    --primary-cont: #ffe3eb;
    --on-primary-cont: #4b121f;
    --primary-fixed: #ffe3eb;
    --primary-fixed-dim: #fbb8c8;
    --on-primary-fixed: #4b121f;
    --on-primary-fixed-var: #7b2e41;

    --secondary: #7a7075;
    --on-secondary: #ffffff;
    --secondary-cont: #f1e2e7;
    --on-secondary-cont: #2a2225;
    --secondary-fixed: #f1e2e7;
    --secondary-fixed-dim: #d5c5cb;
    --on-secondary-fixed: #2a2225;
    --on-secondary-fixed-var: #53484c;

    --tertiary: #b87367;
    --on-tertiary: #ffffff;
    --tertiary-cont: #ffe1dc;
    --on-tertiary-cont: #3a1a16;
    --tertiary-fixed: #ffe1dc;
    --tertiary-fixed-dim: #f5bcb4;
    --on-tertiary-fixed: #3a1a16;
    --on-tertiary-fixed-var: #6e3c35;

    --error: #c43d3d;
    --on-error: #fff;
    --error-cont: #ffe2e0;
    --on-error-cont: #400001;

    --surface: #fff6f8;
    --surface-dim: #e9dee1;
    --surface-bright: #fff6f8;
    --surf-cont: #fbecee;
    --surf-cont-lowest: #ffffff;
    --surf-cont-low: #fff2f5;
    --surf-cont-high: #f3e7ea;
    --surf-cont-highest: #ebe0e3;

    --on-surface: #1f1a1b;
    --on-surface-var: #504547;

    --outline: #1f1a1b;
    --outline-var: #130e0f30;

    --inverse-surface: #33292b;
    --inverse-on-surface: #f6eef1;
    --inverse-primary: #fbb8c8;

    --scrim: #000;
    --shadow: #000;

    --primary-opacity-8: rgba(246, 167, 183, 0.8);
    --primary-opacity-12: rgba(246, 167, 183, 0.122);
    --primary-cont-opacity-16: rgba(255, 227, 235, 0.161);
    --on-primary-opacity-8: rgba(255, 255, 255, 0.078);
    --on-primary-opacity-12: rgba(255, 255, 255, 0.122);

    --on-surface-opacity-8: rgba(31, 26, 27, 0.078);
    --on-surface-opacity-12: rgba(31, 26, 27, 0.122);
    --on-secondary-opacity-8: rgba(42, 34, 37, 0.078);
    --on-secondary-opacity-12: rgba(42, 34, 37, 0.122);
    --on-surface-var-opacity-8: rgba(80, 69, 71, 0.078);
    --on-surface-var-opacity-12: rgba(80, 69, 71, 0.122);
    --on-primary-container-opacity-8: rgba(75, 18, 31, 0.078);
    --on-primary-container-opacity-12: rgba(75, 18, 31, 0.122);

    --primary-dark: #130e0f;
    --on-primary-dark: #591e30;
    --outline-dark: #9e8e93;
    --outline-var-dark: #56484b;
    --primary-opacity-8-dark: rgba(251, 184, 200, 0.8);
    --primary-opacity-12-dark: rgba(251, 184, 200, 0.122);
    --on-primary-opacity-8-dark: rgba(89, 30, 48, 0.8);
    --on-primary-opacity-12-dark: rgba(89, 30, 48, 0.122);
    --on-surface-opacity-8-dark: rgba(235, 228, 230, 0.8);
    --on-surface-opacity-12-dark: rgba(235, 228, 230, 0.122);
    --on-surface-var-opacity-8-dark: rgba(208, 198, 200, 0.078);
    --on-surface-var-opacity-12-dark: rgba(208, 198, 200, 0.122);
    --on-surface-dark: #ece3e6;
    --on-surface-var-dark: #c8b9bc;
	
	--bg-grad: var(--primary);
	--bg-item: var(--surface);
}