:root,
:root[data-flower-theme="toy"] {
    color-scheme: light;
    /* Default flower theme: Toy Flower */
    --color-bg: #f8fcf8;
    --color-bg-alt: #e9f2ea;
    --color-surface: rgba(255, 255, 255, 0.94);
    --color-surface-strong: #fbfefb;
    --color-surface-muted: #f4faf5;
    --color-text: #243128;
    --color-text-soft: #4a5a4f;
    --color-border: rgba(80, 110, 90, 0.12);
    --color-primary: #7eaa8a;
    --color-primary-strong: #3f5d48;
    --color-accent: #a9c9b0;
    --color-accent-strong: #3f5d48;
    --color-success: #739a78;
    --color-danger: #8f424f;
    --color-gold: #8d9f74;
    --color-pink-soft: #dff0e2;
    --color-blue-soft: #dcebe0;
    --color-green-soft: #edf7ef;
    --color-orange-soft: #cfe6d4;

    --focus-ring: 0 0 0 4px rgba(126, 170, 138, 0.18);
    --theme-glow-top-left: rgba(169, 201, 176, 0.22);
    --theme-glow-top-right: rgba(126, 170, 138, 0.14);
    --theme-glow-bottom-right: rgba(237, 247, 239, 0.24);
    --theme-page-end: #e5efe6;
    --theme-hero-glow-one: rgba(169, 201, 176, 0.26);
    --theme-hero-glow-two: rgba(236, 246, 239, 0.88);
    --theme-btn-primary-start: #4d7b5c;
    --theme-btn-primary-mid: #3f684d;
    --theme-btn-primary-end: #2f523b;
    --theme-btn-primary-start-hover: #467254;
    --theme-btn-primary-mid-hover: #395f46;
    --theme-btn-primary-end-hover: #284a34;
    --theme-btn-primary-border: rgba(110, 148, 120, 0.28);
    --theme-btn-primary-border-hover: rgba(110, 148, 120, 0.4);
    --theme-btn-primary-shadow: rgba(110, 148, 120, 0.16);
    --theme-btn-secondary-wash-one: rgba(237, 247, 239, 0.92);
    --theme-btn-secondary-wash-two: rgba(207, 230, 212, 0.5);
    --theme-btn-secondary-wash-one-hover: rgba(245, 251, 246, 0.98);
    --theme-btn-secondary-wash-two-hover: rgba(169, 201, 176, 0.58);
    --theme-flower-card-glow: rgba(169, 201, 176, 0.2);
    --theme-flower-card-shadow: rgba(110, 148, 120, 0.14);
    --theme-paper-line: rgba(255, 255, 255, 0.42);
    --theme-speckle: rgba(63, 93, 72, 0.05);
    --theme-orbit: rgba(126, 170, 138, 0.12);
}

:root[data-flower-theme="moondrop"] {
    --color-bg: #fffbf4;
    --color-bg-alt: #f7efdc;
    --color-surface: rgba(255, 255, 255, 0.94);
    --color-surface-strong: #fffdf8;
    --color-surface-muted: #fcf7ed;
    --color-text: #342a1f;
    --color-text-soft: #564736;
    --color-border: rgba(110, 92, 70, 0.12);
    --color-primary: #c28c4a;
    --color-primary-strong: #70491a;
    --color-accent: #ddb26f;
    --color-accent-strong: #70491a;
    --color-success: #8ea269;
    --color-gold: #af7e3e;
    --color-pink-soft: #f8e8c9;
    --color-blue-soft: #f4e0b7;
    --color-green-soft: #fbf3de;
    --color-orange-soft: #efd3a1;

    --focus-ring: 0 0 0 4px rgba(194, 140, 74, 0.18);
    --theme-glow-top-left: rgba(239, 211, 161, 0.24);
    --theme-glow-top-right: rgba(221, 178, 111, 0.14);
    --theme-glow-bottom-right: rgba(251, 243, 222, 0.24);
    --theme-page-end: #f3e8d3;
    --theme-hero-glow-one: rgba(239, 211, 161, 0.28);
    --theme-hero-glow-two: rgba(247, 239, 220, 0.9);
    --theme-btn-primary-start: #a26b1f;
    --theme-btn-primary-mid: #8f5b15;
    --theme-btn-primary-end: #73460d;
    --theme-btn-primary-start-hover: #9a651d;
    --theme-btn-primary-mid-hover: #875511;
    --theme-btn-primary-end-hover: #6a3f08;
    --theme-btn-primary-border: rgba(171, 122, 66, 0.3);
    --theme-btn-primary-border-hover: rgba(171, 122, 66, 0.42);
    --theme-btn-primary-shadow: rgba(171, 122, 66, 0.18);
    --theme-btn-secondary-wash-one: rgba(251, 243, 222, 0.92);
    --theme-btn-secondary-wash-two: rgba(244, 224, 183, 0.5);
    --theme-btn-secondary-wash-one-hover: rgba(253, 248, 236, 0.98);
    --theme-btn-secondary-wash-two-hover: rgba(239, 211, 161, 0.62);
    --theme-flower-card-glow: rgba(239, 211, 161, 0.22);
    --theme-flower-card-shadow: rgba(171, 122, 66, 0.14);
}

:root[data-flower-theme="pink-cat"] {
    --color-bg: #fff8fb;
    --color-bg-alt: #f8eaf0;
    --color-surface: rgba(255, 255, 255, 0.94);
    --color-surface-strong: #fffdfd;
    --color-surface-muted: #fdf4f8;
    --color-text: #3f2c34;
    --color-text-soft: #5f4652;
    --color-border: rgba(134, 100, 114, 0.12);
    --color-primary: #d5a0b5;
    --color-primary-strong: #75475d;
    --color-accent: #e8bfd0;
    --color-accent-strong: #75475d;
    --color-success: #9e7d89;
    --color-gold: #bc8b82;
    --color-pink-soft: #f9dde8;
    --color-blue-soft: #f3dce7;
    --color-green-soft: #fff2f7;
    --color-orange-soft: #f4c7d8;

    --focus-ring: 0 0 0 4px rgba(213, 160, 181, 0.18);
    --theme-glow-top-left: rgba(244, 199, 216, 0.22);
    --theme-glow-top-right: rgba(213, 160, 181, 0.14);
    --theme-glow-bottom-right: rgba(255, 242, 247, 0.24);
    --theme-page-end: #f6e5ec;
    --theme-hero-glow-one: rgba(244, 199, 216, 0.26);
    --theme-hero-glow-two: rgba(252, 242, 247, 0.9);
    --theme-btn-primary-start: #9c607a;
    --theme-btn-primary-mid: #874962;
    --theme-btn-primary-end: #6d334b;
    --theme-btn-primary-start-hover: #955975;
    --theme-btn-primary-mid-hover: #7f435b;
    --theme-btn-primary-end-hover: #642b43;
    --theme-btn-primary-border: rgba(185, 133, 154, 0.28);
    --theme-btn-primary-border-hover: rgba(185, 133, 154, 0.4);
    --theme-btn-primary-shadow: rgba(185, 133, 154, 0.16);
    --theme-btn-secondary-wash-one: rgba(255, 242, 247, 0.92);
    --theme-btn-secondary-wash-two: rgba(249, 221, 232, 0.5);
    --theme-btn-secondary-wash-one-hover: rgba(255, 248, 250, 0.98);
    --theme-btn-secondary-wash-two-hover: rgba(232, 191, 208, 0.58);
    --theme-flower-card-glow: rgba(244, 199, 216, 0.2);
    --theme-flower-card-shadow: rgba(185, 133, 154, 0.14);
}

:root[data-flower-theme="magic-red"] {
    --color-bg: #fff8f6;
    --color-bg-alt: #f7e8e3;
    --color-surface: rgba(255, 255, 255, 0.94);
    --color-surface-strong: #fffdfb;
    --color-surface-muted: #fdf5f2;
    --color-text: #3d2c29;
    --color-text-soft: #5d4641;
    --color-border: rgba(131, 96, 90, 0.12);
    --color-primary: #d39a8d;
    --color-primary-strong: #74443e;
    --color-accent: #e7b9ae;
    --color-accent-strong: #74443e;
    --color-success: #9a7d74;
    --color-gold: #bd8b6a;
    --color-pink-soft: #f7ddd6;
    --color-blue-soft: #f2dbd5;
    --color-green-soft: #fff1ed;
    --color-orange-soft: #f0c3b7;

    --focus-ring: 0 0 0 4px rgba(211, 154, 141, 0.18);
    --theme-glow-top-left: rgba(240, 195, 183, 0.22);
    --theme-glow-top-right: rgba(211, 154, 141, 0.14);
    --theme-glow-bottom-right: rgba(255, 241, 237, 0.24);
    --theme-page-end: #f3e2dd;
    --theme-hero-glow-one: rgba(240, 195, 183, 0.26);
    --theme-hero-glow-two: rgba(252, 243, 240, 0.9);
    --theme-btn-primary-start: #a45d4d;
    --theme-btn-primary-mid: #8d4a3b;
    --theme-btn-primary-end: #713427;
    --theme-btn-primary-start-hover: #9d5748;
    --theme-btn-primary-mid-hover: #854435;
    --theme-btn-primary-end-hover: #682d21;
    --theme-btn-primary-border: rgba(186, 127, 115, 0.28);
    --theme-btn-primary-border-hover: rgba(186, 127, 115, 0.4);
    --theme-btn-primary-shadow: rgba(186, 127, 115, 0.16);
    --theme-btn-secondary-wash-one: rgba(255, 241, 237, 0.92);
    --theme-btn-secondary-wash-two: rgba(247, 221, 214, 0.5);
    --theme-btn-secondary-wash-one-hover: rgba(255, 247, 244, 0.98);
    --theme-btn-secondary-wash-two-hover: rgba(231, 185, 174, 0.58);
    --theme-flower-card-glow: rgba(240, 195, 183, 0.2);
    --theme-flower-card-shadow: rgba(186, 127, 115, 0.14);
}

:root[data-flower-theme="magic-blue"] {
    --color-bg: #f7f9ff;
    --color-bg-alt: #e8edf7;
    --color-surface: rgba(255, 255, 255, 0.94);
    --color-surface-strong: #fcfdff;
    --color-surface-muted: #f4f7fd;
    --color-text: #273045;
    --color-text-soft: #44506a;
    --color-border: rgba(94, 108, 140, 0.12);
    --color-primary: #9db0d8;
    --color-primary-strong: #41567b;
    --color-accent: #c1cdee;
    --color-accent-strong: #41567b;
    --color-success: #7d8eb2;
    --color-gold: #9fa6c4;
    --color-pink-soft: #dee6f8;
    --color-blue-soft: #d8e1f7;
    --color-green-soft: #eef3fc;
    --color-orange-soft: #c8d5f1;

    --focus-ring: 0 0 0 4px rgba(157, 176, 216, 0.18);
    --theme-glow-top-left: rgba(200, 213, 241, 0.22);
    --theme-glow-top-right: rgba(157, 176, 216, 0.14);
    --theme-glow-bottom-right: rgba(238, 243, 252, 0.24);
    --theme-page-end: #e3e9f5;
    --theme-hero-glow-one: rgba(200, 213, 241, 0.26);
    --theme-hero-glow-two: rgba(243, 246, 252, 0.9);
    --theme-btn-primary-start: #5371b0;
    --theme-btn-primary-mid: #4564a5;
    --theme-btn-primary-end: #304982;
    --theme-btn-primary-start-hover: #4f6cab;
    --theme-btn-primary-mid-hover: #3f5d9d;
    --theme-btn-primary-end-hover: #294277;
    --theme-btn-primary-border: rgba(129, 151, 195, 0.28);
    --theme-btn-primary-border-hover: rgba(129, 151, 195, 0.4);
    --theme-btn-primary-shadow: rgba(129, 151, 195, 0.16);
    --theme-btn-secondary-wash-one: rgba(238, 243, 252, 0.92);
    --theme-btn-secondary-wash-two: rgba(222, 230, 248, 0.5);
    --theme-btn-secondary-wash-one-hover: rgba(247, 249, 254, 0.98);
    --theme-btn-secondary-wash-two-hover: rgba(193, 205, 238, 0.58);
    --theme-flower-card-glow: rgba(200, 213, 241, 0.2);
    --theme-flower-card-shadow: rgba(129, 151, 195, 0.14);
}