/**
 * Kaptan Krep - Tasarım Değişkenleri & Design Tokens
 * Denizcilik Temalı & Pastel Minimalist Tasarım Sistemi
 * Kesin Kural: px kullanılmaz; rem, clamp(), %, fr kullanılır.
 */

:root {
    /* Renk Paleti - Denizcilik & Pastel Lezzet */
    --color-primary: #1b2a47;          /* Koyu Pastel Denizci Laciverti */
    --color-primary-dark: #121d33;     /* Derin Gece Mavisi */
    --color-primary-light: #2c416b;    /* Yumuşak Lacivert */
    
    --color-secondary: #7ea7be;        /* Yumuşak Gökyüzü Mavisi */
    --color-secondary-light: #e6f0f5;  /* Deniz Köpüğü Açık Mavi */
    --color-secondary-fade: rgba(126, 167, 190, 0.15);

    --color-accent: #c58b43;           /* Karamel Altın & Fırınlanmış Krep Tonu */
    --color-accent-hover: #b27932;     /* Karamel Vurgu Hover */
    --color-accent-light: #fef5ea;     /* Çok Hafif Bal/Krep Zemini */
    
    --color-bg: #faf7f2;               /* Yumuşak Kum Beji / Krem Zemin */
    --color-bg-card: #ffffff;          /* Beyaz Kart Zemini */
    --color-bg-alt: #f3ede2;           /* İkincil Kum Tonu */
    --color-bg-glass: rgba(255, 255, 255, 0.85);

    /* Metin Renkleri */
    --color-text-main: #1e293b;        /* Koyu Okunaklı Gövde Metni */
    --color-text-muted: #64748b;       /* Nötr Gri / Açıklama */
    --color-text-light: #94a3b8;       /* Soluk Gri Detaylar */
    --color-text-inverse: #ffffff;     /* Beyaz Metin */

    /* Durum Renkleri */
    --color-success: #2e7d32;
    --color-success-bg: #edf7ed;
    --color-danger: #c62828;
    --color-danger-bg: #fde8e8;
    --color-warning: #e65100;
    --color-warning-bg: #fff3e0;

    /* Sınırlar & Gölgeler */
    --border-subtle: 1px solid rgba(27, 42, 71, 0.08);
    --border-accent: 1px solid rgba(197, 139, 67, 0.3);
    --border-glass: 1px solid rgba(255, 255, 255, 0.6);

    --radius-sm: 0;
    --radius-md: 0;
    --radius-lg: 0;
    --radius-xl: 0;
    --radius-pill: 0;

    --shadow-soft: 0 0.25rem 1.25rem -0.125rem rgba(27, 42, 71, 0.05);
    --shadow-card: 0 0.5rem 1.5rem -0.25rem rgba(27, 42, 71, 0.07);
    --shadow-hover: 0 1rem 2.5rem -0.5rem rgba(27, 42, 71, 0.12);
    --shadow-modal: 0 1.5rem 3.5rem -0.75rem rgba(27, 42, 71, 0.2);

    /* Tipografi Ölçeği (clamp ile akıcı) */
    --font-heading: 'Outfit', 'Inter', -apple-system, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-cursive: 'Caveat', cursive, sans-serif; /* Denizci imzası hissi */

    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-md: 1.125rem;
    --font-size-lg: clamp(1.25rem, 1.5vw + 0.8rem, 1.5rem);
    --font-size-xl: clamp(1.5rem, 2vw + 1rem, 2rem);
    --font-size-2xl: clamp(2rem, 3.2vw + 1rem, 2.75rem);
    --font-size-hero: clamp(2.5rem, 5vw + 1.2rem, 4.25rem);

    /* Aralılar (Spacing - rem bazlı) */
    --space-2xs: 0.25rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4.5rem;

    /* Geçişler (Transitions) */
    --transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}