/* ==========================================================================
   Proje: HIZIRBEY Portal
   Paket: HIZIRBEY Design System
   Bileşen: Studio
   Bölüm: Design Tokens
   Dosya: themes/default/assets/css/hds/components/studio/tokens.css
   Açıklama:
   HDS Studio tarafından kullanılan ortak renk, yüzey, gölge, radius
   ve geçiş tokenlarını merkezi olarak tanımlar.
   Yazar: Mehmet Kalli
   Oluşturuldu: 08.08.2026
   Güncellendi: 12.08.2026 · 20.10.2026 (marka lacivert + altın, Explorer tonu)
   Sürüm: 1.1.0
========================================================================== */

/* =========================================================================
 * >>> Studio Core Token Contract
 * ========================================================================= */

.hds-studio,
.hds-page-header {
  /* Surfaces */
  /* 03.11.2026: sıcak (krem) yüzey ailesi; site zemini --site-content-bg (#fcf9f2) ile uyumlu. */
  --hds-studio-bg: #f9f5ec;
  --hds-studio-surface: #ffffff;
  --hds-studio-surface-soft: #fbf8f1;

  /* Borders */
  --hds-studio-border: #e6dfd0;
  --hds-studio-border-strong: #d6ccb8;

  /* Text */
  --hds-studio-text: #20313d;
  --hds-studio-text-soft: #667985;
  --hds-studio-text-muted: #8a9aa4;

  /* Mode Colors: View */
  --hds-studio-view: #2f80ed;
  --hds-studio-view-soft: #eaf4ff;

  /* Mode Colors: Create */
  --hds-studio-create: #2e9d62;
  --hds-studio-create-soft: #eaf8f0;

  /* Mode Colors: Edit */
  --hds-studio-edit: #d58b20;
  --hds-studio-edit-soft: #fff4df;

  /* Mode Colors: Delete */
  --hds-studio-delete: #d84b4b;
  --hds-studio-delete-soft: #fff0f0;

  /* Radius */
  --hds-studio-radius-sm: 0.45rem;
  --hds-studio-radius-md: 0.7rem;
  --hds-studio-radius-lg: 1rem;

  /* Shadows */
  --hds-studio-shadow-sm: 0 1px 3px rgb(15 23 42 / 8%);

  --hds-studio-shadow-md: 0 8px 24px rgb(15 23 42 / 9%);

  --hds-studio-shadow-lg: 0 20px 50px rgb(15 23 42 / 14%);

  /* Transitions */
  --hds-studio-transition-fast: 0.16s ease;
  --hds-studio-transition: 0.24s ease;

  /* Brand (20.10.2026): admin hakim renkleri — lacivert + altın */
  --hds-studio-brand: #17394a;
  --hds-studio-brand-strong: #0f2b38;
  --hds-studio-brand-soft: #e6eef2;
  --hds-studio-accent: #c9a24d;
  --hds-studio-accent-strong: #a8822f;
  --hds-studio-accent-soft: #f6eddb;
  --hds-studio-accent-contrast: #2b2108;

  /* Explorer tonu — açık (Studio::explorerTone('light'); 2d'den önce varsayılandı) */
  --hds-studio-explorer-bg: var(--hds-studio-surface);
  --hds-studio-explorer-border: var(--hds-studio-border);
  --hds-studio-explorer-text: var(--hds-studio-text);
  --hds-studio-explorer-text-soft: var(--hds-studio-text-soft);
  --hds-studio-explorer-card: #ffffff;
  --hds-studio-explorer-card-border: #d4dfe7;
  --hds-studio-explorer-card-hover-border: #9ebdd3;
  --hds-studio-explorer-children-bg: #f9fbfd;
  --hds-studio-explorer-row-hover: var(--hds-studio-surface-soft);
  --hds-studio-explorer-row-hover-shadow: 0 0 0 transparent;
  --hds-studio-explorer-selected: #2f83c4;
  --hds-studio-explorer-selected-soft: var(--hds-studio-view-soft);
  --hds-studio-explorer-icon-bg: #e8f3fa;
  --hds-studio-explorer-icon-border: #91bad3;
  --hds-studio-explorer-icon-color: #17699f;
  --hds-studio-explorer-toggle: #42677f;
  --hds-studio-explorer-line: rgb(31 58 95 / 34%);
  --hds-studio-explorer-divider: #dbe6ed;
  --hds-studio-explorer-action-bg: #f8fbfd;
  --hds-studio-explorer-action-border: #c6d5df;
  --hds-studio-explorer-action-color: #365f79;
  --hds-studio-explorer-action-hover-bg: #eaf5fc;
  --hds-studio-explorer-action-hover-border: #3488c4;
  --hds-studio-explorer-action-hover-color: #17699f;
  --hds-studio-explorer-on-bg: #edf9f2;
  --hds-studio-explorer-on-border: #9fd8b6;
  --hds-studio-explorer-on-color: #1d8b52;
  --hds-studio-explorer-off-bg: #fff2f2;
  --hds-studio-explorer-off-border: #efb4b4;
  --hds-studio-explorer-off-color: #bd3d3d;
}

/* Explorer tonu — koyu (2d, 21.10.2026: kalıbın varsayılanı; Renderer köke .hds-studio--explorer-dark ekler) */
.hds-studio.hds-studio--explorer-dark {
  --hds-studio-explorer-bg: var(--hds-studio-brand);
  --hds-studio-explorer-border: var(--hds-studio-brand-strong);
  --hds-studio-explorer-text: #eef3f6;
  --hds-studio-explorer-text-soft: #9fb5c1;
  --hds-studio-explorer-card: #1d4557;
  --hds-studio-explorer-card-border: rgb(255 255 255 / 9%);
  --hds-studio-explorer-card-hover-border: rgb(255 255 255 / 9%); /* 20.10.2026: üstüne gelince altın çerçeve yok */
  --hds-studio-explorer-children-bg: #1a3f50;
  /* Üstüne gelince 3D: hafif aydınlık üst, koyu alt + gölge (aktif başlık hissi) */
  --hds-studio-explorer-row-hover: linear-gradient(180deg, #2a5a6c 0%, #1f4859 100%);
  --hds-studio-explorer-row-hover-shadow: 0 4px 10px rgb(0 0 0 / 30%), inset 0 1px 0 rgb(255 255 255 / 12%);
  --hds-studio-explorer-selected: var(--hds-studio-accent);
  --hds-studio-explorer-selected-soft: rgb(201 162 77 / 14%);
  --hds-studio-explorer-icon-bg: rgb(201 162 77 / 15%);
  --hds-studio-explorer-icon-border: rgb(201 162 77 / 45%);
  --hds-studio-explorer-icon-color: #e3c27a;
  --hds-studio-explorer-toggle: #c8d6de;
  --hds-studio-explorer-line: rgb(201 162 77 / 50%);
  --hds-studio-explorer-divider: rgb(255 255 255 / 12%);
  --hds-studio-explorer-action-bg: rgb(255 255 255 / 7%);
  --hds-studio-explorer-action-border: rgb(255 255 255 / 14%);
  --hds-studio-explorer-action-color: #dce7ed;
  --hds-studio-explorer-action-hover-bg: rgb(201 162 77 / 20%);
  --hds-studio-explorer-action-hover-border: var(--hds-studio-accent);
  --hds-studio-explorer-action-hover-color: #ffffff;
  --hds-studio-explorer-on-bg: rgb(46 157 98 / 25%);
  --hds-studio-explorer-on-border: #3fae70;
  --hds-studio-explorer-on-color: #7ee2a8;
  --hds-studio-explorer-off-bg: rgb(216 75 75 / 22%);
  --hds-studio-explorer-off-border: #d06060;
  --hds-studio-explorer-off-color: #ff9b9b;
}

/* --hds-studio-shadow-lg: verified unused; retained as a dead candidate
   until consumer extraction is complete. */

/* =========================================================================
 * <<< Studio Core Token Contract
 * ========================================================================= */