/* tokens.css — Arda Software Studio tasarım sistemi. Renk paleti, mevcut "Proje Fikri Bulucu" aracındaki (projects/proje-fikri-bulucu/index.html) temayla bilinçli olarak tutarlı tutuldu: siyah/koyu gri zemin + mor/camgöbeği glow vurgu. Tüm yeni site sayfaları bu dosyayı yükler; var(--...) değişkenleri dışında renk hardcode edilmez. */ :root{ color-scheme: dark; /* Zemin */ --bg: #05070c; --bg-alt: #0b0e15; --surface: #10141d; --surface-2: #161b26; --border: #232a38; /* Metin */ --text: #f1f4f9; --text-dim: #9aa4b8; --text-faint: #626d82; /* Vurgu */ --accent: #7c5cff; /* mor */ --accent-2: #22d3ee; /* mavi glow / camgöbeği */ --accent-soft: rgba(124, 92, 255, .16); --accent-2-soft: rgba(34, 211, 238, .14); /* Durum */ --green: #3fb950; --red: #f85149; --amber: #e3b341; /* Gölge / glow */ --shadow: 0 20px 50px rgba(0,0,0,.45); --glow: 0 0 40px rgba(124,92,255,.25); /* Tipografi */ --font-sans: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; --font-mono: "JetBrains Mono", "Courier New", monospace; /* Ölçek */ --radius-sm: 8px; --radius-md: 14px; --radius-lg: 22px; --radius-pill: 999px; --container-max: 1180px; --nav-height: 76px; /* Geçiş */ --ease: cubic-bezier(.2,.9,.3,1.1); --transition-fast: .18s ease; --transition-base: .3s var(--ease); } /* Açık tema — theme.js tarafından ile aktifleştirilir */ :root[data-theme="light"]{ color-scheme: light; --bg: #f7f8fb; --bg-alt: #eef0f5; --surface: #ffffff; --surface-2: #f2f3f8; --border: #e2e5ec; --text: #12141c; --text-dim: #565d6d; --text-faint: #8891a1; --accent: #6d43ff; --accent-2: #0891a8; --accent-soft: rgba(109, 67, 255, .10); --accent-2-soft: rgba(8, 145, 168, .10); --shadow: 0 20px 50px rgba(20,20,40,.10); --glow: 0 0 40px rgba(109,67,255,.14); } /* Sistem tercihi light ve kullanıcı henüz seçim yapmadıysa (data-theme yok) bu da uygulanır */ @media (prefers-color-scheme: light){ :root:not([data-theme]){ color-scheme: light; --bg: #f7f8fb; --bg-alt: #eef0f5; --surface: #ffffff; --surface-2: #f2f3f8; --border: #e2e5ec; --text: #12141c; --text-dim: #565d6d; --text-faint: #8891a1; --accent: #6d43ff; --accent-2: #0891a8; --accent-soft: rgba(109, 67, 255, .10); --accent-2-soft: rgba(8, 145, 168, .10); --shadow: 0 20px 50px rgba(20,20,40,.10); --glow: 0 0 40px rgba(109,67,255,.14); } }