@layer base {
  *, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    



    scrollbar-width: thin;
    scrollbar-color: var(--kaydirma-firefox) transparent;
  }

  
  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-track { background: transparent; margin: 4px 2px; }
  ::-webkit-scrollbar-thumb {
    background: var(--kaydirma-thumb); border-radius: var(--r-pill);
    border: 3px solid transparent; background-clip: padding-box; min-height: 36px;
  }
  




  ::-webkit-scrollbar-thumb:hover {
    background: var(--kaydirma-thumb-ustunde); background-clip: padding-box;
  }
  ::-webkit-scrollbar-thumb:active {
    background: var(--kaydirma-thumb-basili); background-clip: padding-box;
  }

  html {
    height: 100%;
  }

  body {
    min-height: 100%;
    background: var(--bg);
    color: var(--ink);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
  }

  








  body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background-image: var(--aura);
    pointer-events: none;
  }

  ::selection {
    background: var(--primary);
    color: #fff;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  button {
    font: inherit;
    color: inherit;
    background: none;
    border: 0;
    cursor: pointer;
  }

  input, select, textarea {
    font: inherit;
    color: inherit;
    


    font-size: max(1em, var(--field-text-min));
  }

  h1, h2, h3 {
    font-family: var(--font-display);
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.1;
  }

  img, svg {
    display: block;
    max-width: 100%;
  }

  table {
    border-collapse: collapse;
    width: 100%;
  }

  

  [hidden] { display: none !important; }
}