/*
 * Diyetisyen tema token'ları.
 * Palet: taze yaprak yeşili (marka, beyaz yazıyla 5.1:1), koyu yeşil (bağlantı ve etiket,
 * krem zeminde 6.9:1), açık krem sayfa zemini, mercan-şeftali dekor (üzerine yazı gelmez),
 * koyu orman yeşili altbilgi. Başlıklar hümanist sistem yazı tipiyle; indirme yok.
 * Panelden gelen değerler :root üzerine ayrıca yazılır.
 */
@layer reset, tokens, base, components, utilities, theme;

@layer tokens {
    :root {
        color-scheme: light;

        /* Beyaz yazıyla 5.1:1, krem zeminde 4.8:1 */
        --brand: #2f7d32;
        --brand-ink: #ffffff;
        /* Metinde kullanılan koyu yeşil: krem zeminde 6.9:1 */
        --accent: #25632a;
        /* Açık yeşil zemin (etiket, adım kartı); üzerindeki koyu yeşil 6:1 */
        --leaf-soft: #e6f2e2;
        --leaf-line: #cfe3c9;
        /* Mercan-şeftali: yalnız dekor */
        --peach: #f6b59c;
        --peach-soft: #fde9df;
        /* Şeftali zeminde okunur koyu mercan (5:1) */
        --coral-ink: #a8442c;
        --danger: #b42318;
        --danger-ink: #ffffff;

        --surface: #fbf8f1;
        --surface-raised: #ffffff;
        --surface-band: #f3eee2;
        --ink: #1f2a22;
        --ink-muted: #56615a;
        --line: #e6e0d2;
        --focus: #25632a;
        --rating: #b45309;

        /* Altbilgi */
        --forest: #1d3a22;
        --forest-line: #2f5236;
        --forest-ink: #d3e2d2;

        --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        --font-display: Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", sans-serif;

        --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
        --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.075rem);
        --step-1: clamp(1.2rem, 1.1rem + 0.45vw, 1.4rem);
        --step-2: clamp(1.7rem, 1.4rem + 1.1vw, 2.4rem);
        --step-3: clamp(2rem, 1.5rem + 1.8vw, 3rem);
        --step-4: clamp(2.4rem, 1.6rem + 3.2vw, 4.2rem);

        --space-1: 0.25rem;
        --space-2: 0.5rem;
        --space-3: 0.75rem;
        --space-4: 1rem;
        --space-6: 1.5rem;
        --space-8: 2rem;
        --space-12: 3rem;
        --space-16: 4rem;

        --radius: 20px;
        --radius-pill: 999px;
        --shadow-raised: 0 1px 2px rgb(31 42 34 / 0.05), 0 12px 32px rgb(47 125 50 / 0.1);
        --container: 1240px;
        --header-height: 80px;
        --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
    }
}