/* ==========================================================================
   EssenceSMP store theme
   Colours pulled directly from the server branding:
     - server-icon.png / logo (purple -> magenta -> orange gradient "E")
     - MiniMOTD gradients: #d500f9 -> #7c4dff (server name),
       #FF0080 -> #FFD007 (event text), #FF4500 (fire accent)
   This file only defines design tokens (CSS custom properties). All the
   actual component styling lives in store.css, ported from the original
   Tebex theme by Vosiekip Studio - this file replaces the Twig
   "colourway" switcher that used to live in layout.html with a single
   fixed Essence palette.
   ========================================================================== */

:root {
    /* Primary = hot pink/magenta (MOTD "SERVER OUT NOW!" gradient start) */
    --primary-color: #FF0080;
    --primary-hover-color: #FF4DA6;

    /* Secondary = gold (MOTD gradient end / EVENTS WEEKLY) */
    --secondary-color: #FFD007;
    --secondary-hover-color: #FFDE4D;

    --icon-primary: #7A0040;
    --icon-secondary: #7A5D00;

    --text-primary: #FFFFFF;
    --text-secondary: #C6BEDB;

    /* Sale / positive / negative keep conventional green & red so
       discounts and errors stay instantly recognisable */
    --sale-tag: #8AEF5B;
    --sale-tag-text: #19781F;
    --positive: #8AEF5B;
    --positive-hover-color: #8CFF56;
    --positive-text: #19781F;
    --negative: #EF5B5B;
    --negative-hover-color: #EE6969;
    --negative-text: #781919;

    /* Backgrounds tinted dark purple to match the logo instead of neutral grey */
    --background: #150E1F;
    --block-color: #221731;
    --block-light: #2C1F40;
    --block-dark: #1B1226;
    --block-border: #2E2140;
    --block-border-width: 2px;

    --footer-bg: #120B1A;
    --footer-dark: #0D0812;
    --footer-stroke: #0A060F;
    --footer-description: #C6BEDB;

    /* Category ribbon accent - deep pink/maroon to tie back to primary */
    --category-block: #7A0040;
    --category-border: #B8005F;
    --category-light: #8A0048;

    /* Giftcards get the third gradient colour (violet) so they read as distinct */
    --giftcard-primary: #7C4DFF;
    --giftcard-primary-hover: #9670FF;
    --giftcard-text: #2E1A6B;

    --box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.35);
    --border-radius: 6px;

    /* Purple -> magenta -> orange glow at the top of every page, echoing the
       server-icon.png gradient, instead of the seller's demo background image */
    --background-img: linear-gradient(180deg, #2D1B4E 0%, #7A1B6E 45%, #FF4500 100%);
}