/* =========================================
   TEBKADEH - GLOBAL FOUNDATION
   Version: 1.0.0
========================================= */

:root {
    --tk-green: #15a978;
    --tk-green-dark: #087b5a;
    --tk-green-soft: #eaf9f3;
    --tk-blue: #0077B6;

    --tk-white: #ffffff;
    --tk-text: #18332c;
    --tk-muted: #71827d;
    --tk-border: #e3eee9;

    --tk-radius-sm: 10px;
    --tk-radius-md: 16px;
    --tk-radius-lg: 22px;

    --tk-shadow-soft:
        0 5px 18px rgba(15, 72, 54, 0.07);

    --tk-shadow-card:
        0 12px 30px rgba(15, 72, 54, 0.09),
        0 3px 8px rgba(15, 72, 54, 0.04);

    --tk-shadow-3d:
        0 5px 0 rgba(8, 123, 90, 0.22),
        0 10px 22px rgba(8, 123, 90, 0.14);

    --tk-transition:
        220ms cubic-bezier(.2, .8, .2, 1);
}

/* Global rendering */

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Vazirmatn", sans-serif;
    color: var(--tk-text);
}

/* Selection */

::selection {
    background: var(--tk-green);
    color: var(--tk-white);
}

/* Accessible focus */

:focus-visible {
    outline: 3px solid rgba(0, 119, 182, 0.65);
    outline-offset: 3px;
}

/* Images */

img {
    max-width: 100%;
    height: auto;
}

/* Reduced motion */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}