/* ===== Шрифты ===== */
@font-face{font-family:"Mabry Pro";src:url("../fonts/MabryPro-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Mabry Pro";src:url("../fonts/MabryPro-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Mabry Pro";src:url("../fonts/MabryPro-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Mabry Pro";src:url("../fonts/MabryPro-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

/* ===== Палитра (сокращённая) ===== */
:root{
  --basic-100:#000;--basic-200:#151515;--basic-300:#232323;--basic-400:#585858;
  --basic-500:#9c9c9c;--basic-600:silver;--basic-700:#d9d9d9;--basic-800:#e7e7e7;
  --basic-900:#eee;--basic-1000:#f3f3f3;--basic-1100:#f7f7f7;--basic-1200:#fafafa;--basic-1300:#fff;

  --havana-400:#265cff;--havana-700:#e7edff;
  --manila-400:#ee3c60;--manila-700:#ffe7eb;--manila-800:#fff3f6;
  --osaka-400:#ff7528;--osaka-700:#fff1e9;--osaka-800:#fff5ef;
  --mango-400:#ffc547;--mango-700:#fff4db;
  --porto-400:#19b28d;--porto-700:#e8f7f4;

  --opacity-white-100:hsla(0,0%,100%,.1);--opacity-white-200:hsla(0,0%,100%,.2);
  --opacity-white-500:hsla(0,0%,100%,.5);--opacity-white-700:hsla(0,0%,100%,.7);
  --opacity-white-800:hsla(0,0%,100%,.8);--opacity-white-900:hsla(0,0%,100%,.9);
  --opacity-black-30:rgba(0,0,0,.03);--opacity-black-50:rgba(0,0,0,.05);
  --opacity-black-100:rgba(0,0,0,.1);--opacity-black-200:rgba(0,0,0,.2);
  --opacity-black-300:rgba(0,0,0,.3);--opacity-black-400:rgba(0,0,0,.4);
  --opacity-black-500:rgba(0,0,0,.5);--opacity-black-600:rgba(0,0,0,.6);
  --opacity-black-800:rgba(0,0,0,.8);

  --radius-2xs:2px;--radius-xs:4px;--radius-s:4px;--radius-sm:6px;--radius-ms:8px;
  --radius-m:10px;--radius-l:12px;--radius-xl:14px;--radius-2xl:34px;--radius-3xl:100px;
}

/* ===== Светлая тема ===== */
.g-color-theme-light{
  --bg-layout-default:var(--basic-1300);--bg-layout-container:var(--basic-1100);
  --bg-layout-packer:var(--bg-color-light);--bg-layout-empty-state:var(--basic-900);
  --bg-card-wrapper-product-default:var(--basic-1100);--bg-card-wrapper-product-hover:var(--basic-1000);
  --bg-card-wrapper-product-active:var(--basic-1100);
  --bg-card-wrapper-basic-default:var(--basic-1100);--bg-card-wrapper-basic-hover:var(--basic-1000);
  --bg-card-wrapper-basic-active:var(--basic-1000);
  --bg-card-wrapper-filled-default:var(--basic-1300);--bg-card-wrapper-filled-hover:var(--basic-1300);
  --bg-card-wrapper-color-default:var(--basic-1100);--bg-card-wrapper-color-hover:var(--basic-1000);
  --bg-header:var(--bg-color-light);--bg-footer:var(--bg-color-light);
  --bg-button-primary-default:var(--accent);--bg-button-primary-hover:var(--accent-hover);
  --bg-button-primary-active:var(--accent-active);--bg-button-primary-disable:var(--accent-opacity-30);
  --bg-button-secondary-default:var(--opacity-black-30);--bg-button-secondary-hover:var(--opacity-black-100);
  --bg-button-secondary-active:var(--opacity-black-100);--bg-button-secondary-disable:var(--opacity-black-100);
  --bg-button-secondary-inverse-default:var(--opacity-white-100);
  --bg-button-secondary-inverse-hover:var(--opacity-white-200);
  --bg-button-secondary-inverse-active:var(--opacity-white-200);
  --bg-button-shadow-default:var(--basic-1300);--bg-button-shadow-hover:var(--basic-1300);
  --bg-button-shadow-active:var(--basic-1300);--bg-button-shadow-disable:var(--basic-1300);
  --bg-button-tertiary-hover:var(--basic-1000);--bg-button-tertiary-active:var(--basic-900);
  --bg-button-primary-inverse-default:var(--opacity-white-900);
  --bg-button-primary-inverse-hover:var(--basic-1300);--bg-button-primary-inverse-active:var(--basic-1300);
  --bg-button-primary-inverse-disable:var(--opacity-white-400,hsla(0,0%,100%,.4));
  --bg-input-primary-default:var(--basic-900);
  --bg-skeleton-text:var(--basic-800);--bg-skeleton-text-animation:var(--opacity-white-800);
  --bg-socials-primary:var(--basic-1100);--bg-socials-secondary:var(--basic-1300);
  --border-divider:var(--basic-900);--border-variant-active:var(--basic-100);
  --font-primary:var(--basic-300);--font-primary-inverse:var(--basic-1300);
  --font-secondary:var(--basic-500);--font-tertiary:var(--basic-400);--font-disable:var(--basic-600);
  --font-dynamic:var(--dynamic);--font-accent:var(--accent);
  --font-primary-bg-dark:var(--basic-1300);--font-secondary-bg-dark:var(--opacity-white-500);
  --font-tertiary-bg-dark:var(--opacity-white-700);--font-disable-bg-dark:var(--opacity-white-400,hsla(0,0%,100%,.4));
  --font-primary-bg-light:var(--basic-300);--font-secondary-bg-light:var(--basic-500);
}

/* ===== Тёмная тема ===== */
.g-color-theme-dark{
  --bg-layout-default:var(--bg-color-dark);--bg-layout-container:var(--basic-200);
  --bg-layout-packer:var(--bg-color-dark);--bg-layout-empty-state:var(--basic-300);
  --bg-card-wrapper-product-default:var(--basic-200);--bg-card-wrapper-product-hover:var(--basic-200);
  --bg-card-wrapper-basic-default:var(--basic-200);--bg-card-wrapper-basic-hover:var(--basic-200);
  --bg-card-wrapper-filled-default:var(--basic-200);--bg-card-wrapper-filled-hover:var(--basic-200);
  --bg-card-wrapper-color-default:var(--basic-200);--bg-card-wrapper-color-hover:var(--basic-300);
  --bg-header:var(--bg-color-dark);--bg-footer:var(--bg-color-dark);
  --bg-input-primary-default:var(--opacity-white-100);
  --bg-skeleton-text:var(--opacity-white-100);--bg-skeleton-text-animation:var(--opacity-white-300,hsla(0,0%,100%,.3));
  --bg-socials-primary:var(--opacity-white-100);--bg-socials-secondary:var(--opacity-white-100);
  --border-divider:var(--opacity-white-100);--border-variant-active:var(--basic-1300);
  --font-primary:var(--basic-1200);--font-primary-inverse:var(--basic-300);
  --font-secondary:var(--opacity-white-500);--font-tertiary:var(--opacity-white-700);
  --font-disable:var(--opacity-white-400,hsla(0,0%,100%,.4));
  --font-primary-bg-dark:var(--basic-1300);--font-secondary-bg-dark:var(--opacity-white-500);
  --font-tertiary-bg-dark:var(--opacity-white-700);
  --font-primary-bg-light:var(--basic-300);--font-secondary-bg-light:var(--basic-500);
}

/* ===== Сброс ===== */
*,:after,:before{box-sizing:border-box;margin:0}
html{line-height:1.5;-webkit-text-size-adjust:100%}
body{min-height:100vh;font-family:var(--font-family-body);font-size:16px;line-height:1.4;color:var(--font-primary);background:var(--bg-layout-default)}
menu,ol,ul{list-style:none;margin:0;padding:0}
li{list-style-type:none}
img,video{display:block;max-width:100%;height:auto}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}