@font-face { font-family: "Albert Sans"; font-weight: 700; font-display: swap; src: url("AlbertSans-Bold.ttf") format("truetype"); }
@font-face { font-family: "Albert Sans"; font-weight: 800; font-display: swap; src: url("AlbertSans-ExtraBold.ttf") format("truetype"); }

:root { --marka: #df1b3f; --marka-koyu: #b8132f; --zemin: #fafafa; --murekkep: #141416; --ikincil: #6b6b73; --kart: #ffffff; --cizgi: #e4e4e7; }
html.dark-mode { --marka: #e3254a; --marka-koyu: #f0466a; --zemin: #0f0f11; --murekkep: #f4f4f5; --ikincil: #a1a1aa; --kart: #1b1b1f; --cizgi: #2e2e33; }

body, input, button, select, textarea, .btn { font-family: "Albert Sans", system-ui, -apple-system, "Segoe UI", sans-serif; }

/* Ana renk */
.btn-primary, .btn.btn-primary, .floating-action-buttons a.button { background-color: var(--marka) !important; border-color: var(--marka) !important; color: #fff !important; }
.btn-primary:hover, .btn-primary:focus { background-color: var(--marka-koyu) !important; border-color: var(--marka-koyu) !important; }
a, a:visited { color: var(--marka); }
.form-control:focus, input:focus { border-color: var(--marka) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--marka) 22%, transparent) !important; }
#layout-menu .compose, .menu a.compose { background-color: var(--marka) !important; color: #fff !important; }

/* Giriş sayfası */
body.task-login { background: var(--zemin) !important; color: var(--murekkep); }
body.task-login #layout-content { background: transparent !important; }
body.task-login #logo { width: 220px; max-width: 70vw; height: auto; max-height: none; margin: 0 auto 6px; display: block; }
body.task-login #login-form { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 18px; padding: 36px 32px 28px; box-shadow: 0 18px 50px -24px rgba(0,0,0,.35); max-width: 380px; margin: 0 auto; }
body.task-login .marka-alt { margin: 0 0 22px; text-align: center; color: var(--ikincil); font-size: 15px; font-weight: 700; letter-spacing: -0.01em; }
body.task-login #login-form .input-group-prepend, body.task-login #login-form .input-group-text { display: none; }
body.task-login #login-form input.form-control { height: 48px; border-radius: 12px !important; border: 1px solid var(--cizgi); background: var(--zemin); color: var(--murekkep); font-size: 16px; padding: 0 16px; }
body.task-login #login-form .input-group { margin-bottom: 12px; }
body.task-login #login-form .btn.mainaction, body.task-login #login-form button[type=submit] { height: 50px; border-radius: 12px; font-size: 16px; font-weight: 800; letter-spacing: -0.01em; text-transform: none; margin-top: 6px; }
body.task-login #login-footer, body.task-login #login-footer a { color: var(--ikincil); font-size: 13px; font-weight: 700; }
body.task-login .btn, body.task-login button.mainaction, body.task-login #rcmloginsubmit { text-transform: none !important; }
body.task-login #layout-content { display: flex; flex-direction: column; justify-content: center; min-height: 100vh; }