/* =========================================================
   SextoyCity – Brand Tokens
   Överskriver globala defaults i variables.css
========================================================= */

:root {

  /* =========================
     TEXT
  ========================= */

  --vcom-text: #222222;
  --vcom-muted: #555555;
  --vcom-text-inverted: #ffffff;


  /* =========================
     BACKGROUNDS
  ========================= */

  --vcom-bg: #ffffff;
  --vcom-bg-muted: #f7f7f7;
  --vcom-border: #e5e5e5;


  /* =========================
     BRAND / ACCENT
  ========================= */

  --vcom-primary: #ff2a7f;
  --vcom-primary-hover: #d81d6a;
  --vcom-primary-soft: #ffe4ef;

  --vcom-accent: #ff2a7f;


  /* =========================
     STATES
  ========================= */

  --vcom-success: #22c55e;
  --vcom-warning: #f59e0b;
  --vcom-danger: #b91c1c;


  /* =========================
     LAYOUT OVERRIDES
  ========================= */

  --vcom-header-h: 100px;

  /* =========================
     RIBBON / BADGES
  ========================= */

  --vcom-ribbon-green: #16a34a;
  --vcom-ribbon-dark: #111827;
  --vcom-ribbon-text: #ffffff;
  --vcom-sale: #ff2a7f;        /* SextoyCity pink */
  --vcom-sale-text: #ffffff;
  
/* =========================
   FOOTER – SextoyCity
========================= */

--vcom-footer-bg: #FFF0F6;          /* mjuk rosa */
--vcom-footer-text: #222222;
--vcom-footer-muted: #444444;

--vcom-footer-link: #222222;
--vcom-footer-link-hover: var(--vcom-primary);

--vcom-footer-border: #eeeeee;

/* =========================
   HEADER – SextoyCity
========================= */

--vcom-header-bg: rgba(255,255,255,.9);
--vcom-header-text: #111111;
--vcom-header-hover-bg: rgba(0,0,0,.04);

--vcom-header-cart-bg: var(--vcom-sale);
--vcom-header-cart-text: #ffffff;

/* Topbar */
--vcom-topbar-bg: #111111;
--vcom-topbar-text: #ffffff;
}