/**
 * AWP Semantic Tokens
 * Design token -> semantic token köprü katmanı.
 * Geriye uyumlu: mevcut --awp-* ve --color-* değişkenleri korunur.
 */

:root,
[data-awp-theme="light"] {
  /* Raw/fallback palette */
  --awp-ref-primary-600: #2563eb;
  --awp-ref-primary-700: #1d4ed8;
  --awp-ref-success-600: #059669;
  --awp-ref-warning-600: #dba617;
  --awp-ref-danger-600: #d63638;
  --awp-ref-surface: #ffffff;
  --awp-ref-bg: #f8fafc;
  --awp-ref-text: #1e293b;
  --awp-ref-text-muted: #64748b;
  --awp-ref-border: #e2e8f0;

  /* Semantic tokens */
  --awp-sem-action-primary: var(--awp-color-primary, var(--color-primary, var(--awp-ref-primary-600)));
  --awp-sem-action-primary-hover: var(--awp-color-primary-hover, var(--color-accent, var(--awp-ref-primary-700)));
  --awp-sem-status-success: var(--awp-color-success, var(--color-success, var(--awp-ref-success-600)));
  --awp-sem-status-warning: var(--color-warning, var(--awp-ref-warning-600));
  --awp-sem-status-danger: var(--awp-color-danger, var(--color-danger, var(--awp-ref-danger-600)));

  --awp-sem-bg-page: var(--awp-color-background, var(--color-background, var(--awp-ref-bg)));
  --awp-sem-bg-surface: var(--awp-color-surface, var(--color-surface, var(--awp-ref-surface)));
  --awp-sem-text-primary: var(--awp-color-text-main, var(--color-text, var(--awp-ref-text)));
  --awp-sem-text-muted: var(--awp-color-text-muted, var(--color-text-muted, var(--awp-ref-text-muted)));
  --awp-sem-border-default: var(--awp-color-border, var(--color-border, var(--awp-ref-border)));
}

/* Existing component tokens are aliased to semantic layer (non-breaking) */
.awp-wrapper,
.ders-notu-admin-wrap {
  --awp-color-primary: var(--awp-sem-action-primary);
  --awp-color-primary-hover: var(--awp-sem-action-primary-hover);
  --awp-color-success: var(--awp-sem-status-success);
  --awp-color-danger: var(--awp-sem-status-danger);
  --awp-color-background: var(--awp-sem-bg-page);
  --awp-color-surface: var(--awp-sem-bg-surface);
  --awp-color-text-main: var(--awp-sem-text-primary);
  --awp-color-text-muted: var(--awp-sem-text-muted);
  --awp-color-border: var(--awp-sem-border-default);
}