:root {
    --color-transparent: #0000;
    --color-white: #f1fbff;
    --color-black: #02070a;

    --color-page-background: #071117;
    --background-top: url("../img/background.png");
    --background-bottom: url("../img/background.png");
    --color-honey-cream: #09151c;
    --color-honey-header: #071117;
    --color-honey-panel: rgb(7 17 23 / 94%);
    --color-honey-card-image: #0b1c24;
    --color-honey-border: #12b8ef;
    --color-honey-brown: #e2f7ff;
    --color-honey-muted: #a4c3cf;
    --color-honey-vip: #08a9dc;
    --color-honey-vip-dark: #087ca5;
    --color-honey-dot: #12b8ef;
    --shadow-shop-panel: 0 18px 48px rgb(0 0 0 / 48%);
    --shadow-product-card: 0 5px 0 #087ca5;
    --color-page-text: #e2f7ff;
    --color-surface: #0b1921;
    --color-surface-subtle: #10232d;
    --color-surface-muted: #142c37;
    --color-border: #28505f;
    --color-border-light: #1b3945;
    --color-border-input: #397184;

    --color-text-strong: #f1fbff;
    --color-text-primary: #e2f7ff;
    --color-text-secondary: #c4e3ee;
    --color-text-muted: #a4c3cf;
    --color-text-subtle: #8eafbd;
    --color-text-faint: #7997a3;

    --color-header: #071117ee;
    --color-header-pattern-light: #13b7ed;
    --color-header-pattern-dark: #087ca5;
    --color-header-text: #e2f7ff;
    --color-link: #4acdf5;

    --color-primary: #08a9dc;
    --color-primary-hover: #27c6f4;
    --color-primary-contrast: #031117;
    --color-primary-deep: #06151d;
    --color-primary-blue: #08a9dc;
    --color-primary-blue-hover: #27c6f4;
    --color-highlight: #103747;

    --color-gold: #12b8ef;
    --color-gold-dark: #087ca5;
    --color-gold-pale: #0b1921;
    --color-gold-text: #64d9fb;
    --color-vip: #12b8ef;

    --color-error: #ff8b84;
    --color-error-text: #ffc1bc;
    --color-error-background: #3a1a1c;
    --color-success-text: #a8f0c0;
    --color-success-background: #103324;

    --color-admin-background: #071117;

    --shadow-soft: 0 6px 22px rgb(0 0 0 / 34%);
    --shadow-card: 0 12px 30px rgb(0 0 0 / 40%);
    --shadow-confirmation: 0 12px 30px rgb(0 0 0 / 40%);
    --shadow-admin-card: 0 6px 18px rgb(0 0 0 / 35%);
}