/* Google Fonts imports moved to HTML head to avoid render-blocking CSS chain */
:root {
    /**
  @font family declaration
  */
    --tp-ff-body: "Inter", sans-serif;
    --tp-ff-heading: "Inter", sans-serif;
    --tp-ff-inter: "Inter", sans-serif;
    --tp-ff-p: "Inter", sans-serif;
    --tp-ff-grotesk: "Space Grotesk", sans-serif;
    /* Font Awesome removed - using Bootstrap Icons instead */
    --tp-ff-onest: "Onest", sans-serif;
    --tp-ff-clash-semibold: "Poppins", sans-serif;
    --tp-ff-clash-medium: "Poppins", sans-serif;
    --tp-ff-mango: "Inter", sans-serif;
    --tp-ff-poppins: "Poppins", sans-serif;
    --tp-ff-dirtyline: "Inter", sans-serif;
    --tp-ff-platform: "Inter", sans-serif;
    /**
  @color declaration
  */
    --tp-common-white: #ffffff;
    --tp-common-black: #141414;
    --tp-common-black-2: #232323;
    --tp-common-black-3: #000;
    --tp-common-black-4: #0a0a0a;
    --tp-common-black-5: #121212;
    --tp-common-black-6: #212121;
    --tp-common-black-7: #0e0f11;
    --tp-common-black-8: #1a1b1e;
    --tp-common-black-9: #16302f;
    --tp-common-black-10: #21212d;
    --tp-common-cream: #f9f4e8;
    --tp-common-cream-2: #fff6bf;
    --tp-common-cream-3: #ffffe6;
    --tp-common-yellow: #ffc446;
    --tp-common-yellow-1: #fff669;
    --tp-common-yellow-green: #e9ff48;
    --tp-common-green-light: #d0ff71;
    --tp-common-green-regular: #c1ed00;
    --tp-common-green-solid: #17312f;
    --tp-common-pink-light: #fde1da;
    --tp-common-paste: #43d4a0;
    --tp-common-paste-2: #0c5752;
    --tp-common-sky: #c5fcfc;
    --tp-common-red: #ff4851;
    --tp-common-red-2: #ff481f;
    --tp-common-red-3: #ff5722;
    --tp-common-blue: #7463ff;
    --tp-common-brown: #453030;
    --tp-grey-1: #f8f8f8;
    --tp-grey-2: #f1f1f1;
    --tp-grey-3: #f8f8fb;
    --tp-grey-4: #f6f8ef;
    --tp-coffe-1: #653624;
    --tp-coffe-2: #552411;
    --tp-cream-1: #b7ab98;
    --tp-cream-2: #cfc292;
    --tp-text-body: #141414;
    --tp-theme-green: #a0ff27;
    --tp-theme-pink: #ec6fd5;
    --tp-theme-yellow: #ffb701;
    --tp-border-1: #eaebed;
    --tp-border-2: #e7e7e7;

    /* === NADA: ANA RENKLer === */
    --nada-color-primary: var(--tp-theme-green);
    --nada-color-secondary: var(--tp-common-black);
    --nada-color-accent: var(--tp-theme-pink);
    --nada-color-white: var(--tp-common-white);
    --nada-color-text: #141414;
    --nada-color-bg: var(--tp-grey-1);

    /* === NADA: HARDCODEd RENKLER → VARIABLES === */
    --nada-color-dark-green: #2a4c3a;
    --nada-color-green-deep: #16302f;
    --nada-color-dark: #0e0f11;
    --nada-color-neutral: #f4f0ea;
    --nada-color-muted-bg: rgb(246, 246, 249);

    /* === NADA: TİPOGRAFİ === */
    --nada-font-primary: var(--tp-ff-onest);
    --nada-font-heading: var(--tp-ff-inter);
    --nada-font-display: var(--tp-ff-clash-semibold);

    /* === NADA: BORDER RADIUS === */
    --nada-radius-lg: 20px;
    --nada-radius-full: 50%;

    /* === NADA: SPACING === */
    --nada-spacing-xs: 8px;
    --nada-spacing-sm: 16px;
    --nada-spacing-md: 24px;
    --nada-spacing-lg: 40px;
    --nada-spacing-xl: 60px;

    /* === NADA: TRANSITIONS === */
    --nada-transition: all 0.3s ease-in-out;
}