/* === FONTS (LOCAL) === */

/* Inter — UI */
@font-face{
    font-family: "Inter";
    src: url("../fonts/Inter-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face{
    font-family: "Inter";
    src: url("../fonts/Inter-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face{
    font-family: "Inter";
    src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  
  /* Golos Text — headings */
  @font-face{
    font-family: "Golos Text";
    src: url("../fonts/GolosText-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face{
    font-family: "Golos Text";
    src: url("../fonts/GolosText-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face{
    font-family: "Golos Text";
    src: url("../fonts/GolosText-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  
  /* === THEME / TOKENS === */
  :root{
    --font-ui: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    --font-heading: "Golos Text", Inter, system-ui, sans-serif;
  
    --page-bg: #0e0f11;
    --page-bg-2: #14161a;
    --card-bg: rgba(255,255,255,.06);
  
    --text: rgba(255,255,255,.92);
    --muted: rgba(255,255,255,.62);
  
    --primary: #2bd576;
    --primary-2: #17b862;
  
    --border: rgba(255,255,255,.10);
    --input-bg: rgba(0,0,0,.18);
    --input-focus: rgba(43,213,118,.22);
  
    --radius: 18px;
    --shadow: 0 10px 30px rgba(0,0,0,.25);
    --transition: 180ms cubic-bezier(.2,.8,.2,1);
  
    --control-h: 44px;
    --control-r: calc(var(--radius) - 4px);
    --iconbtn-size: 34px;
    --iconbtn-r: calc(var(--radius) - 8px);

    /* layout */
    --nav-item-h: 44px;
    --icon-slot: 34px;

    /* icons */
    --icon-size: 18px;
    --logo-size: 22px;
  }
  
  [data-theme="light"]{
    /* мягче для глаз (молочный фон) */
    --page-bg: #f7f5f2;
    --page-bg-2: #fbfaf7;
  
    --card-bg: rgba(0,0,0,.02);
  
    --text: rgba(15,20,17,.92);
    --muted: rgba(15,20,17,.60);
  
    --primary: #2bd576;
    --primary-2: #17b862;
  
    --border: rgba(18,23,20,.10);
  
    --input-bg: rgba(255,255,255,.92);
    --input-focus: rgba(23,184,98,.14);
  
    --shadow: 0 10px 30px rgba(0,0,0,.10);
  }
  
  /* === RESET === */
  *{ box-sizing: border-box; }
  
  body{
    margin: 0;
    font-family: var(--font-ui);
    background: var(--page-bg);
    color: var(--text);
  }


  /* Hide scrollbars everywhere (keep scroll) */
  * {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE / old Edge */
  }

  *::-webkit-scrollbar {
    width: 0;
    height: 0;
  }