/**
 * Müşteri portalı — ortak tasarım tokenları.
 * Tek kaynak: docs/ortak-tasarim-dili.md (§3–§4).
 * Eşleri: ios/BuMuhasebeClient/UIComponentsView.swift (DS), android-client/.../DesignSystem.kt
 *
 * portal-shell.css'ten ÖNCE yüklenir: oradaki --auth-* değişkenleri burada tanımlanmazsa
 * CSS'teki yedek indigo (#6366f1) devreye giriyordu.
 */
.portal-body,
.auth-page--client {
    /* Palet */
    --ds-brand: #2855d9;
    --ds-brand-strong: #1e43b0;
    --ds-brand-soft: rgba(40, 85, 217, 0.11);
    --ds-success: #078461;
    --ds-warning: #d06a18;
    --ds-danger: #b3261e;
    --ds-danger-soft: #ffe9ec;
    --ds-bg: #f5f7fb;
    --ds-surface: #ffffff;
    --ds-surface-alt: #f1f4fa;
    --ds-border: rgba(15, 23, 42, 0.10);
    --ds-text: #142033;
    --ds-text-muted: #64748b;

    /* Giriş ekranı tanıtım bloğu */
    --ds-hero-bg: #172554;
    --ds-hero-eyebrow: #7dd3fc;
    --ds-hero-body: #cbd5e1;

    /* Yarıçap */
    --ds-radius-card: 20px;
    --ds-radius-inner: 16px;
    --ds-radius-control: 12px;
    --ds-radius-pill: 999px;

    /* Boşluk */
    --ds-space-1: 4px;
    --ds-space-2: 8px;
    --ds-space-3: 12px;
    --ds-space-4: 16px;
    --ds-space-5: 20px;
    --ds-space-6: 24px;

    /* Gölge */
    --ds-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);

    /* Tipografi */
    --ds-font: 'DM Sans', 'Manrope', system-ui, sans-serif;
    /* Mobil istemciler opsz eksenini 14'e sabitliyor; web de aynı kesiti kullansın. */
    font-optical-sizing: none;
    font-variation-settings: 'opsz' 14;
    --ds-display: 800 1.75rem/1.2 var(--ds-font);
    --ds-title: 800 1.375rem/1.25 var(--ds-font);
    --ds-section: 700 1.0625rem/1.35 var(--ds-font);
    --ds-body: 400 0.9375rem/1.5 var(--ds-font);
    --ds-label: 600 0.8125rem/1.3 var(--ds-font);
    --ds-caption: 400 0.75rem/1.4 var(--ds-font);

    /* portal-shell.css ve auth temasının okuduğu adlar — tokenlara bağlandı */
    --auth-accent: var(--ds-brand);
    --auth-accent2: var(--ds-brand-strong);
    --auth-border: var(--ds-border);
    --auth-card-bg: var(--ds-surface);
    --auth-muted: var(--ds-text-muted);
    --auth-text: var(--ds-text);
    --auth-radius: var(--ds-radius-card);
    --bg-app: var(--ds-bg);
    --accent: var(--ds-brand);
    --accent-soft: var(--ds-brand-soft);
    --text: var(--ds-text);
    --text-muted: var(--ds-text-muted);
    --border: var(--ds-border);
    --bg-elevated: var(--ds-surface);
    --font: var(--ds-font);
}