/* NARASOR WEB TOKENS — OWNER LOCK UPDATE 2026-10-01 */
/* PRIMARY INTERACTION BLUE = #0066E6 (main interactive / primary CTA / active nav / focus). */
/* SECONDARY LIVE BLUE = #0A7AFF (hover / highlight / icon / secondary interactive state). */
/* VERY LIGHT SUPPORTING SURFACE = #EAF3FF. BRAND RED = #9E1B22 (preserved). */
/* #6BA6D6 REVOKED — active UI usage must be 0 (historical reference only in comment below). */
/* HISTORICAL: previous #6BA6D6 revoked; #0A7AFF = secondary live blue, #0066E6 = primary. */
:root {
  --nar-color-primary: #0066E6;         /* PRIMARY interactive / main CTA / active nav / focus */
  --nar-color-brand: #9E1B22;           /* brand / logo / garnet (%10) — preserved */
  --nar-color-secondary: #0A7AFF;       /* SECONDARY live blue — hover / highlight / icon */
  --nar-color-surface-very-light: #EAF3FF; /* very light supporting surface */

  --nar-color-background: #F7F5F0;
  --nar-color-surface: #FFFFFF;
  --nar-color-border: #E5DDD8;
  --nar-color-border-strong: #D6D2C4;
  --nar-color-text: #1A0D0D;
  --nar-color-text-muted: #6B6B6B;

  /* Açık mavi ton ailesi (%30 interaktif) */
  --nar-blue-light: #EAF3FF;            /* very light surface */
  --nar-blue-soft: #D6E5F5;
  --nar-blue-mid: #0A7AFF;              /* SECONDARY live blue */
  --nar-blue-pressed: #0066E6;          /* pressed / primary */
  --nar-blue-hover: #0A7AFF;            /* hover = secondary live blue */
  --nar-blue-surface: #EAF3FF;          /* very light supporting surface */
  --nar-blue-deep: #0066E6;             /* deep primary */
  --nar-blue-text: #2B5278;

  --nar-color-success: #2A8A4C;
  --nar-color-success-bg: #DFF3E6;
  --nar-color-warning: #C98A2B;
  --nar-color-warning-bg: #FDF0D5;
  --nar-color-danger: #B02E2E;
  --nar-color-danger-bg: #F6DEDE;
}
/* Logo kuralları — #9E1B22 korunur */
.logo-narasor { display:inline-flex; align-items:center; gap:8px; text-decoration:none; }
.logo-circle { width:36px; height:36px; border-radius:50%; background:#9E1B22; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:15px; }
.brand-word { font-weight:700; letter-spacing:-0.025em; color:#1A0D0D; font-size:18px; text-transform:lowercase; }
/* Kart */
.card { background:#fff; border:1px solid #E5DDD8; border-radius:14px; padding:1rem 1.1rem; }