/* Antren — marka değişkenleri ve temel stiller Kullanım: — index.html bunu kullanır. Fontlar Google Fonts'tan gelir (index.html içinde link var). */ :root { --ink: #111C1F; /* ana koyu zemin / açık zeminde metin */ --ink-raised: #18272B; /* koyu zeminde kart */ --slate: #4A5F5C; /* açık zeminde ikincil metin */ --slate-light: #7C918F;/* koyu zeminde ikincil metin */ --mist: #DCE3E0; /* koyu zeminde açık metin */ --mist-dim: #B6C4C1; --paper: #F7F8F6; /* açık zemin */ --fog: #EAEEEC; /* açık zeminde kart */ --line-dark: #2A3A3E; --line-light: #D5DCD8; --signal: #ED9B1E; /* turuncu: açık saat, CTA — açık zeminde yazı rengi DEĞİL */ --signal-deep: #A66508;/* açık zeminde turuncu yazı için */ --signal-ink: #26180A; /* turuncu buton üstü yazı */ --filled: #0F7A70; /* yeşil: doldu */ --filled-light: #2AA79A; --font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif; --font-body: "Instrument Sans", "Helvetica Neue", Arial, sans-serif; --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace; --radius: 12px; --radius-lg: 20px; --container: 1200px; } *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } body { margin: 0; font-family: var(--font-body); font-size: 17px; line-height: 1.5; color: var(--ink); background: var(--paper); } img { max-width: 100%; display: block; } a { color: var(--signal-deep); } h1, h2, h3 { font-family: var(--font-display); letter-spacing: -0.03em; line-height: 1.05; margin: 0; text-wrap: balance; } p { margin: 0; } .container { width: min(var(--container), 100% - 40px); margin-inline: auto; } .eyebrow { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; } /* Butonlar */ .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 26px; border-radius: var(--radius); font-family: var(--font-body); font-size: 16px; font-weight: 600; text-decoration: none; border: 1px solid transparent; cursor: pointer; } .btn-signal { background: var(--signal); color: var(--signal-ink); } .btn-signal:hover { background: #F7B857; } .btn-ghost-dark { border-color: #38484B; color: var(--mist); background: transparent; } .btn-ghost-dark:hover { border-color: var(--mist); } .btn-ghost-light { border-color: var(--line-light); color: var(--ink); background: transparent; } .btn-ghost-light:hover { border-color: var(--ink); } .btn:focus-visible { outline: 3px solid var(--signal); outline-offset: 3px; } /* Bölüm zeminleri */ .dark { background: var(--ink); color: var(--mist); } .dark h1, .dark h2, .dark h3 { color: var(--paper); } .light { background: var(--paper); color: var(--ink); } .fog { background: var(--fog); } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { animation: none !important; transition: none !important; } }