@import "tailwindcss";

@theme {
  /* Zemin Renkleri */
  --color-bg-ivory: #FFFFF5;
  --color-bg-floral-white: #FFFAF2;
  --color-bg-alabaster: #FAF9F6;
  --color-bg-linen: #FAF4EE;
  --color-bg-antique-white: #FAEBD7;
  --color-bg-vanilla-cream: #FFF8EE;
  --color-bg-ghost-white: #F8F9FC;
  --color-bg-cultured: #F5F5F5;
  --color-bg-platinum: #EDEDED;
  --color-bg-light-gray: #F2F2F2;
  --color-bg-cool-gray: #F5F7FA;
  --color-bg-cloud: #F7F8FA;
  --color-bg-mist: #F3F4F6;
  --color-bg-porcelain: #F8F8F7;
}

@layer utilities {
  .px-site-edge {
    padding-left: 70px;
    padding-right: 70px;
  }
}

@layer base {
  .container {
    @apply px-site-edge;
  }
}