:root {
    --ink: #0c0b10;
    --ink-soft: #16141f;
    --cream: #f3ebe0;
    --cream-dim: #9a8f82;
    --coral: #ff5c4d;
    --violet: #9d7aff;
    --mint: #5ee4c7;
    --card-bg: rgba(22, 20, 31, 0.72);
    --border-glow: rgba(157, 122, 255, 0.35);
    --ring-angle: 0deg;
    --pulse-duration: 1s;
    --pulse-glow-opacity: 0.18;
    --day-progress: 0%;
    --blob-intensity: 0.55;
}

@property --ring-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}