/* =========================================================
   UGCDock — Tasarım token'ları
   Renk paleti: Excalidraw (violet brand + Open Color aksanları)
   Koyu tema temel alınmıştır.
   ========================================================= */

:root {
  /* --- Marka / Primary (Excalidraw brand violet) --- */
  --violet:        #6965db;
  --violet-dark:   #5b57d1;
  --violet-darker: #4a47b1;
  --violet-light:  #e0dfff;

  /* --- Open Color aksanları (Excalidraw element renkleri) --- */
  --red:    #e03131;
  --green:  #2f9e44;
  --blue:   #1971c2;
  --orange: #f08c00;
  --pink:   #e64980;
  --cyan:   #15aabf;
  --yellow: #ffec99;

  /* --- Koyu tema nötrleri --- */
  --bg:        #121212;
  --bg-soft:   #181818;
  --bg-card:   #1f1f22;
  --bg-elev:   #26262b;
  --border:    #2e2e33;
  --border-lt: #3a3a42;

  --text:      #ececec;
  --text-mute: #a0a0a8;
  --text-dim:  #6f6f78;

  /* --- Degradeler --- */
  --grad-violet: linear-gradient(135deg, #8b87ff 0%, #6965db 45%, #5b57d1 100%);
  --grad-glow:   radial-gradient(60% 60% at 50% 0%, rgba(105,101,219,.35) 0%, rgba(105,101,219,0) 70%);

  /* --- Tipografi --- */
  --font: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* --- Yarıçap / gölge --- */
  --r-sm: 8px;
  --r:    14px;
  --r-lg: 22px;
  --r-xl: 30px;
  --shadow:    0 10px 30px rgba(0,0,0,.35);
  --shadow-lg: 0 30px 80px rgba(0,0,0,.5);
  --ring:      0 0 0 1px var(--border);

  /* --- Layout --- */
  --container: 1180px;
  --nav-h: 70px;
}