/* ============================================================
   SAP Fiori Horizon (acik tema) design token'lari
   Skycon "Calisanlar" modulu yeniden tasarimi icin.
   Cakismayi onlemek icin tum token'lar --h-* on ekiyle isimlendirildi;
   app.css'teki mevcut :root sistemlerine (--accent, --skycon-primary,
   --text-primary ...) dokunmaz.
   ============================================================ */
:root {
    /* Marka */
    --h-brand: #0070f2;
    --h-brand-hover: #0064d9;
    --h-brand-active: #0040b0;

    /* Metin */
    --h-text: #1d2d3e;
    --h-text-secondary: #556b82;
    --h-text-placeholder: #8396a8;

    /* Yuzeyler & kenarlar */
    --h-page-bg: #f5f6f7;
    --h-surface: #ffffff;
    --h-border: #d9d9d9;
    --h-border-subtle: #eaecee;
    --h-border-input: #758ca4;
    --h-border-dashed: #a8b2bd;
    --h-selection-bg: #ebf8ff;
    --h-info-bg: #e2f0ff;

    /* Anlamsal durumlar */
    --h-positive: #188918;
    --h-positive-bg: #f0faf0;
    --h-critical: #e76500;
    --h-required: #c0399f;

    /* Kose yaricaplari */
    --h-radius-card: 12px;
    --h-radius-control: 8px;
    --h-radius-pill: 12px;
    --h-radius-chip: 16px;

    /* Golgeler */
    --h-shadow-card: 0 0 2px rgba(85, 107, 130, .2), 0 2px 4px rgba(85, 107, 130, .12);
    --h-shadow-footer: 0 -2px 8px rgba(85, 107, 130, .08);

    /* Tipografi: "72" lisansliysa yuklenir, yoksa Segoe UI / sistem fallback */
    --h-font: "72", "72full", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;

    /* Avatar accent paleti (isimden deterministik secim) */
    --h-avatar-1: #5d36ff;
    --h-avatar-2: #049f9a;
    --h-avatar-3: #c0399f;
    --h-avatar-4: #d27700;
    --h-avatar-5: #0070f2;
    --h-avatar-6: #354a5f;
    --h-avatar-7: #1b7f5e;
    --h-avatar-8: #a93e73;
}